@yoka-ui/ui 1.0.5 → 1.0.7

package/dist/lib/business/YkCharts/BarTotal.js

@@ -0,0 +1,295 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/business/YkCharts/BarTotal.tsx
+var BarTotal_exports = {};
+__export(BarTotal_exports, {
+  default: () => BarTotal_default
+});
+module.exports = __toCommonJS(BarTotal_exports);
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_decimal = __toESM(require("decimal.js"));
+var echarts = __toESM(require("echarts"));
+var import_react = __toESM(require("react"));
+var import_server = __toESM(require("react-dom/server"));
+var import_constants = require("./constants");
+var import_index_module = __toESM(require("./index.module.less"));
+var import_utils = require("./utils");
+var MAX_SECTORS = 500;
+var BarTotal = ({
+  count,
+  // 指标显示数量
+  metric,
+  // 指标
+  groupBys,
+  // 维度
+  tableData,
+  // 表格数据
+  baseData,
+  // 基础数据
+  columnConfigMap,
+  // 列配置
+  height
+}) => {
+  const chartContainerRef = (0, import_react.useRef)(null);
+  const chartInstanceRef = (0, import_react.useRef)(null);
+  const validGroupByKeys = (0, import_react.useMemo)(() => {
+    return groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0).map((g) => g.key);
+  }, [groupBys]);
+  const seriesData = (0, import_react.useMemo)(() => {
+    if (Array.isArray(groupBys) && groupBys.some((g) => Array.isArray(g.selected) && g.selected.length === 0)) {
+      return [];
+    }
+    const validGroupBys = groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0);
+    if (!baseData || baseData.length === 0) {
+      return [];
+    }
+    const filteredBaseData = baseData.filter((item) => {
+      return validGroupBys.every((g) => {
+        const itemValue = String(item[g.key] ?? "");
+        return g.selected.includes(itemValue);
+      });
+    });
+    const byGroupBy = /* @__PURE__ */ new Map();
+    filteredBaseData.forEach((item) => {
+      const groupByValues = validGroupByKeys.map((key) => String(item[key] ?? "")).join("|");
+      const name = validGroupByKeys.map((key) => item[key]).join("，");
+      if (!byGroupBy.has(groupByValues)) {
+        byGroupBy.set(groupByValues, { name, rows: [] });
+      }
+      byGroupBy.get(groupByValues).rows.push(item);
+    });
+    const result = Array.from(byGroupBy.entries()).map(([, { name, rows }]) => {
+      const data = metric.map((m) => {
+        const sum = rows.reduce((s, r) => s + (Number(r[m]) || 0), 0);
+        return sum;
+      });
+      const dataSum = data.reduce((s, v) => s + (isNaN(v) ? 0 : v), 0);
+      return {
+        name,
+        type: "bar",
+        barMaxWidth: 20,
+        smooth: true,
+        showSymbol: false,
+        data,
+        dataSum
+      };
+    });
+    result.sort((a, b) => b.dataSum - a.dataSum);
+    return result;
+  }, [baseData, metric, groupBys, validGroupByKeys]);
+  const series = (0, import_react.useMemo)(() => {
+    const list = seriesData.length > MAX_SECTORS ? seriesData.slice(0, MAX_SECTORS) : seriesData;
+    if (seriesData.length > MAX_SECTORS) {
+      import_antd.message.warning(`数据量过大，仅绘制前 ${MAX_SECTORS} 条数据`);
+    }
+    return list.map(({ name, data, type, barMaxWidth, smooth, showSymbol }) => ({
+      name,
+      type,
+      barMaxWidth,
+      smooth,
+      showSymbol,
+      data
+    }));
+  }, [seriesData]);
+  const chartData = (0, import_react.useMemo)(() => {
+    return series.map((s) => ({
+      name: s.name,
+      ...metric.reduce((acc, m, i) => ({ ...acc, [m]: s.data[i] }), {})
+    }));
+  }, [series, metric]);
+  const yAxisFormatter = (0, import_react.useMemo)(() => {
+    var _a;
+    if (metric.length === 1) {
+      return (_a = columnConfigMap[metric[0]]) == null ? void 0 : _a.format;
+    }
+    return null;
+  }, [metric, columnConfigMap]);
+  const grid = {
+    top: 10,
+    left: 0,
+    right: 10,
+    bottom: 40,
+    containLabel: true
+  };
+  const legend = {
+    bottom: 0,
+    type: "scroll"
+  };
+  const xAxis = {
+    type: "category",
+    data: metric,
+    axisLine: {
+      lineStyle: {
+        color: "#EBEEF4"
+      }
+    },
+    axisLabel: {
+      color: "#9CA4B3",
+      fontSize: 12
+    },
+    axisTick: {
+      alignWithLabel: true
+    },
+    boundaryGap: true
+  };
+  const yAxis = {
+    type: "value",
+    splitNumber: 4,
+    // 设置Y轴坐标点数量
+    axisLine: {
+      show: true,
+      lineStyle: {
+        color: "#EBEEF4",
+        shadowOffsetY: -10,
+        shadowColor: "#EBEEF4"
+      }
+    },
+    axisLabel: {
+      color: "#999999",
+      fontSize: 12,
+      formatter: (value) => {
+        if (yAxisFormatter) {
+          if (yAxisFormatter === "currency") {
+            const [result2, unit2] = (0, import_utils.formatNumber)(value, true);
+            return result2 + unit2;
+          }
+          if (yAxisFormatter === "percent") {
+            return new import_decimal.default(value).mul(100) + "%";
+          }
+          return (0, import_utils.formatValue)(value, yAxisFormatter);
+        }
+        const [result, unit] = (0, import_utils.formatNumber)(value, true);
+        return result + unit;
+      }
+    },
+    splitLine: {
+      lineStyle: {
+        type: [2, 3],
+        // 虚线
+        color: "#E7E7E7"
+        // 背景线颜色
+      }
+    },
+    axisTick: {
+      show: true
+    }
+  };
+  const tooltipFormatter = (params) => {
+    var _a;
+    const title = ((_a = params[0]) == null ? void 0 : _a.axisValue) ?? "";
+    const filterParams = params.filter((f) => {
+      const { name, seriesName } = f;
+      if (name === "合计") {
+        return true;
+      } else if (chartData.some((dataItem) => {
+        return (dataItem == null ? void 0 : dataItem.name) === seriesName;
+      })) {
+        return true;
+      }
+      return false;
+    });
+    const tooltipDom = /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.tooltip }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.title }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.content }, filterParams.map((m) => {
+      const columnConfig = columnConfigMap[metric[0]];
+      const format = (columnConfig == null ? void 0 : columnConfig.format) ?? "string";
+      const showValue = format === "currency" ? (0, import_utils.formatNumber)(m.value, true) : (0, import_utils.formatValue)(m.value, format);
+      const showValueText = showValue === "" || showValue[0] === "" ? "-" : showValue;
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.item, key: m.seriesName }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(import_index_module.default.point, import_index_module.default.pointBar), style: { background: m.color } }), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.category }, m.seriesName), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.value }, showValueText));
+    })));
+    return import_server.default.renderToStaticMarkup(tooltipDom);
+  };
+  const tooltip = {
+    trigger: "axis",
+    padding: 0,
+    confine: true,
+    enterable: true,
+    axisPointer: {
+      type: "shadow"
+    },
+    formatter: tooltipFormatter
+  };
+  const chartOptions = (0, import_react.useMemo)(() => {
+    return {
+      color: import_constants.chartColors,
+      grid,
+      legend: {
+        ...legend,
+        itemWidth: 10,
+        itemHeight: 10
+      },
+      xAxis,
+      yAxis,
+      series,
+      tooltip
+    };
+  }, [series]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      if (chartInstanceRef.current) {
+        chartInstanceRef.current.dispose();
+        chartInstanceRef.current = null;
+      }
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    const container = chartContainerRef.current;
+    if (!container)
+      return;
+    let chart = chartInstanceRef.current;
+    if (!chart) {
+      chart = echarts.init(container);
+      chartInstanceRef.current = chart;
+    }
+    chart.setOption(chartOptions, true);
+  }, [chartOptions]);
+  (0, import_react.useEffect)(() => {
+    const chartElement = chartContainerRef.current;
+    if (!chartElement)
+      return;
+    const resizeObserver = new ResizeObserver(() => {
+      var _a;
+      (_a = chartInstanceRef.current) == null ? void 0 : _a.resize();
+    });
+    resizeObserver.observe(chartElement);
+    return () => {
+      resizeObserver.unobserve(chartElement);
+      resizeObserver.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, chartData.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: chartContainerRef,
+      className: import_index_module.default.echarts,
+      style: { width: "100%", height: height || "100%", minHeight: 220 }
+    }
+  ) : /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { className: import_index_module.default.empty, description: "暂无数据", image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE }));
+};
+var BarTotal_default = BarTotal;
+//# sourceMappingURL=BarTotal.js.map

package/dist/lib/business/YkCharts/BarTotal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkCharts/BarTotal.tsx"],
+  "sourcesContent": ["/**\n * 基础分析-合计且有维度时的柱状图\n */\n\nimport { Empty, message } from 'antd';\nimport classNames from 'classnames';\nimport Decimal from 'decimal.js';\nimport * as echarts from 'echarts';\nimport React, { type FC, useEffect, useMemo, useRef } from 'react';\nimport ReactDOMServer from 'react-dom/server';\nimport { chartColors } from './constants';\nimport styles from './index.module.less';\nimport type { ColumnConfig, GroupByItem, TableData } from './typing';\nimport { formatNumber, formatValue } from './utils';\n\ntype RowItem = {\n  [key: string]: number | string;\n};\n\ntype PageTypes = {\n  count?: number;\n  metric: string[];\n  groupBys: GroupByItem[];\n  tableData: TableData;\n  baseData: RowItem[];\n  columnConfigMap: { [key: string]: ColumnConfig };\n  height?: number;\n};\n\nconst MAX_SECTORS = 500;\n\nconst BarTotal: FC<PageTypes> = ({\n  count, // 指标显示数量\n  metric, // 指标\n  groupBys, // 维度\n  tableData, // 表格数据\n  baseData, // 基础数据\n  columnConfigMap, // 列配置\n  height,\n}) => {\n  const chartContainerRef = useRef<HTMLDivElement | null>(null);\n  const chartInstanceRef = useRef<echarts.ECharts | null>(null);\n\n  const validGroupByKeys = useMemo(() => {\n    return groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0).map((g) => g.key);\n  }, [groupBys]);\n\n  // 参照 Bar：从 baseData 提取实际存在的维度组合，不做笛卡尔积\n  const seriesData = useMemo(() => {\n    if (Array.isArray(groupBys) && groupBys.some((g) => Array.isArray(g.selected) && g.selected.length === 0)) {\n      return [];\n    }\n    const validGroupBys = groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0);\n    if (!baseData || baseData.length === 0) {\n      return [];\n    }\n    const filteredBaseData = baseData.filter((item) => {\n      return validGroupBys.every((g) => {\n        const itemValue = String(item[g.key] ?? '');\n        return g.selected.includes(itemValue);\n      });\n    });\n    // 按维度组合聚合行（同一组合可能多行，如多日期需汇总指标）\n    const byGroupBy = new Map<string, { name: string; rows: RowItem[] }>();\n    filteredBaseData.forEach((item) => {\n      const groupByValues = validGroupByKeys.map((key) => String(item[key] ?? '')).join('|');\n      const name = validGroupByKeys.map((key) => item[key]).join('，');\n      if (!byGroupBy.has(groupByValues)) {\n        byGroupBy.set(groupByValues, { name, rows: [] });\n      }\n      byGroupBy.get(groupByValues)!.rows.push(item);\n    });\n    const result = Array.from(byGroupBy.entries()).map(([, { name, rows }]) => {\n      const data = metric.map((m) => {\n        const sum = rows.reduce((s, r) => s + (Number(r[m]) || 0), 0);\n        return sum;\n      });\n      const dataSum = data.reduce((s, v) => s + (isNaN(v) ? 0 : v), 0);\n      return {\n        name,\n        type: 'bar' as const,\n        barMaxWidth: 20,\n        smooth: true,\n        showSymbol: false,\n        data,\n        dataSum,\n      };\n    });\n    result.sort((a, b) => b.dataSum - a.dataSum);\n    return result;\n  }, [baseData, metric, groupBys, validGroupByKeys]);\n\n  const series = useMemo(() => {\n    const list = seriesData.length > MAX_SECTORS ? seriesData.slice(0, MAX_SECTORS) : seriesData;\n    if (seriesData.length > MAX_SECTORS) {\n      message.warning(`数据量过大，仅绘制前 ${MAX_SECTORS} 条数据`);\n    }\n    return list.map(({ name, data, type, barMaxWidth, smooth, showSymbol }) => ({\n      name,\n      type,\n      barMaxWidth,\n      smooth,\n      showSymbol,\n      data,\n    }));\n  }, [seriesData]);\n\n  // 供 tooltip 使用：由 series 反推 chartData 结构\n  const chartData = useMemo(() => {\n    return series.map((s) => ({\n      name: s.name,\n      ...metric.reduce((acc, m, i) => ({ ...acc, [m]: s.data[i] }), {} as Record<string, number>),\n    }));\n  }, [series, metric]);\n\n  // 获取y轴的格式化方式\n  const yAxisFormatter = useMemo(() => {\n    if (metric.length === 1) {\n      return columnConfigMap[metric[0]]?.format;\n    }\n    return null;\n  }, [metric, columnConfigMap]);\n\n  const grid = {\n    top: 10,\n    left: 0,\n    right: 10,\n    bottom: 40,\n    containLabel: true,\n  };\n  const legend = {\n    bottom: 0,\n    type: 'scroll',\n  };\n  const xAxis = {\n    type: 'category',\n    data: metric,\n    axisLine: {\n      lineStyle: {\n        color: '#EBEEF4',\n      },\n    },\n    axisLabel: {\n      color: '#9CA4B3',\n      fontSize: 12,\n    },\n    axisTick: {\n      alignWithLabel: true,\n    },\n    boundaryGap: true,\n  };\n  const yAxis = {\n    type: 'value',\n    splitNumber: 4, // 设置Y轴坐标点数量\n    axisLine: {\n      show: true,\n      lineStyle: {\n        color: '#EBEEF4',\n        shadowOffsetY: -10,\n        shadowColor: '#EBEEF4',\n      },\n    },\n    axisLabel: {\n      color: '#999999',\n      fontSize: 12,\n      formatter: (value: number) => {\n        // 目前只有一个指标时, Y轴进行格式化\n        if (yAxisFormatter) {\n          if (yAxisFormatter === 'currency') {\n            const [result, unit] = formatNumber(value, true);\n            return result + unit;\n          }\n          if (yAxisFormatter === 'percent') {\n            return new Decimal(value).mul(100) + '%';\n          }\n          return formatValue(value, yAxisFormatter);\n        }\n        const [result, unit] = formatNumber(value, true);\n        return result + unit;\n      },\n    },\n    splitLine: {\n      lineStyle: {\n        type: [2, 3], // 虚线\n        color: '#E7E7E7', // 背景线颜色\n      },\n    },\n    axisTick: {\n      show: true,\n    },\n  };\n  const tooltipFormatter = (params: any) => {\n    const title = params[0]?.axisValue ?? '';\n    const filterParams = params.filter((f: any) => {\n      const { name, seriesName } = f;\n      if (name === '合计') {\n        return true;\n      } else if (\n        chartData.some((dataItem) => {\n          return dataItem?.name === seriesName;\n        })\n      ) {\n        return true;\n      }\n      return false;\n    });\n\n    const tooltipDom = (\n      <div className={styles.tooltip}>\n        <div className={styles.title}>{title}</div>\n        <div className={styles.content}>\n          {filterParams.map((m: any) => {\n            const columnConfig = columnConfigMap[metric[0]];\n            const format = columnConfig?.format ?? 'string'; // 使用可选链和默认值\n            const showValue = format === 'currency' ? formatNumber(m.value, true) : formatValue(m.value, format);\n            const showValueText = showValue === '' || showValue[0] === '' ? '-' : showValue;\n            return (\n              <div className={styles.item} key={m.seriesName}>\n                <div className={classNames(styles.point, styles.pointBar)} style={{ background: m.color }}></div>\n                <div className={styles.category}>{m.seriesName}</div>\n                <div className={styles.value}>{showValueText}</div>\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n    return ReactDOMServer.renderToStaticMarkup(tooltipDom);\n  };\n  const tooltip = {\n    trigger: 'axis',\n    padding: 0,\n    confine: true,\n    enterable: true,\n    axisPointer: {\n      type: 'shadow',\n    },\n    formatter: tooltipFormatter,\n  };\n\n  // 图表配置\n  const chartOptions = useMemo(() => {\n    return {\n      color: chartColors,\n      grid,\n      legend: {\n        ...legend,\n        itemWidth: 10,\n        itemHeight: 10,\n      },\n      xAxis,\n      yAxis,\n      series,\n      tooltip,\n    };\n  }, [series]);\n\n  // 仅卸载时销毁实例\n  useEffect(() => {\n    return () => {\n      if (chartInstanceRef.current) {\n        chartInstanceRef.current.dispose();\n        chartInstanceRef.current = null;\n      }\n    };\n  }, []);\n\n  // 配置变化时仅 setOption\n  useEffect(() => {\n    const container = chartContainerRef.current;\n    if (!container) return;\n    let chart = chartInstanceRef.current;\n    if (!chart) {\n      chart = echarts.init(container);\n      chartInstanceRef.current = chart;\n    }\n    chart.setOption(chartOptions, true);\n  }, [chartOptions]);\n\n  // 监听容器大小变化（仅挂载时注册）\n  useEffect(() => {\n    const chartElement = chartContainerRef.current;\n    if (!chartElement) return;\n    const resizeObserver = new ResizeObserver(() => {\n      chartInstanceRef.current?.resize();\n    });\n    resizeObserver.observe(chartElement);\n    return () => {\n      resizeObserver.unobserve(chartElement);\n      resizeObserver.disconnect();\n    };\n  }, []);\n\n  return (\n    <>\n      {chartData.length > 0 ? (\n        <div\n          ref={chartContainerRef}\n          className={styles.echarts}\n          style={{ width: '100%', height: height || '100%', minHeight: 220 }}\n        ></div>\n      ) : (\n        <Empty className={styles.empty} description='暂无数据' image={Empty.PRESENTED_IMAGE_SIMPLE} />\n      )}\n    </>\n  );\n};\n\nexport default BarTotal;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAA+B;AAC/B,wBAAuB;AACvB,qBAAoB;AACpB,cAAyB;AACzB,mBAA2D;AAC3D,oBAA2B;AAC3B,uBAA4B;AAC5B,0BAAmB;AAEnB,mBAA0C;AAgB1C,IAAM,cAAc;AAEpB,IAAM,WAA0B,CAAC;AAAA,EAC/B;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,wBAAoB,qBAA8B,IAAI;AAC5D,QAAM,uBAAmB,qBAA+B,IAAI;AAE5D,QAAM,uBAAmB,sBAAQ,MAAM;AACrC,WAAO,SAAS,OAAO,CAAC,MAAM,MAAM,QAAQ,EAAE,QAAQ,KAAK,EAAE,SAAS,SAAS,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG;AAAA,EACpG,GAAG,CAAC,QAAQ,CAAC;AAGb,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,QAAI,MAAM,QAAQ,QAAQ,KAAK,SAAS,KAAK,CAAC,MAAM,MAAM,QAAQ,EAAE,QAAQ,KAAK,EAAE,SAAS,WAAW,CAAC,GAAG;AACzG,aAAO,CAAC;AAAA,IACV;AACA,UAAM,gBAAgB,SAAS,OAAO,CAAC,MAAM,MAAM,QAAQ,EAAE,QAAQ,KAAK,EAAE,SAAS,SAAS,CAAC;AAC/F,QAAI,CAAC,YAAY,SAAS,WAAW,GAAG;AACtC,aAAO,CAAC;AAAA,IACV;AACA,UAAM,mBAAmB,SAAS,OAAO,CAAC,SAAS;AACjD,aAAO,cAAc,MAAM,CAAC,MAAM;AAChC,cAAM,YAAY,OAAO,KAAK,EAAE,GAAG,KAAK,EAAE;AAC1C,eAAO,EAAE,SAAS,SAAS,SAAS;AAAA,MACtC,CAAC;AAAA,IACH,CAAC;AAED,UAAM,YAAY,oBAAI,IAA+C;AACrE,qBAAiB,QAAQ,CAAC,SAAS;AACjC,YAAM,gBAAgB,iBAAiB,IAAI,CAAC,QAAQ,OAAO,KAAK,GAAG,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG;AACrF,YAAM,OAAO,iBAAiB,IAAI,CAAC,QAAQ,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG;AAC9D,UAAI,CAAC,UAAU,IAAI,aAAa,GAAG;AACjC,kBAAU,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC,EAAE,CAAC;AAAA,MACjD;AACA,gBAAU,IAAI,aAAa,EAAG,KAAK,KAAK,IAAI;AAAA,IAC9C,CAAC;AACD,UAAM,SAAS,MAAM,KAAK,UAAU,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,CAAC,MAAM;AACzE,YAAM,OAAO,OAAO,IAAI,CAAC,MAAM;AAC7B,cAAM,MAAM,KAAK,OAAO,CAAC,GAAG,MAAM,KAAK,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC;AAC5D,eAAO;AAAA,MACT,CAAC;AACD,YAAM,UAAU,KAAK,OAAO,CAAC,GAAG,MAAM,KAAK,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC;AAC/D,aAAO;AAAA,QACL;AAAA,QACA,MAAM;AAAA,QACN,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO,KAAK,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,OAAO;AAC3C,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,QAAQ,UAAU,gBAAgB,CAAC;AAEjD,QAAM,aAAS,sBAAQ,MAAM;AAC3B,UAAM,OAAO,WAAW,SAAS,cAAc,WAAW,MAAM,GAAG,WAAW,IAAI;AAClF,QAAI,WAAW,SAAS,aAAa;AACnC,0BAAQ,QAAQ,cAAc,iBAAiB;AAAA,IACjD;AACA,WAAO,KAAK,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,aAAa,QAAQ,WAAW,OAAO;AAAA,MAC1E;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,EAAE;AAAA,EACJ,GAAG,CAAC,UAAU,CAAC;AAGf,QAAM,gBAAY,sBAAQ,MAAM;AAC9B,WAAO,OAAO,IAAI,CAAC,OAAO;AAAA,MACxB,MAAM,EAAE;AAAA,MACR,GAAG,OAAO,OAAO,CAAC,KAAK,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC,CAA2B;AAAA,IAC5F,EAAE;AAAA,EACJ,GAAG,CAAC,QAAQ,MAAM,CAAC;AAGnB,QAAM,qBAAiB,sBAAQ,MAAM;AApHvC;AAqHI,QAAI,OAAO,WAAW,GAAG;AACvB,cAAO,qBAAgB,OAAO,CAAC,CAAC,MAAzB,mBAA4B;AAAA,IACrC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,eAAe,CAAC;AAE5B,QAAM,OAAO;AAAA,IACX,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB;AACA,QAAM,SAAS;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AACA,QAAM,QAAQ;AAAA,IACZ,MAAM;AAAA,IACN,MAAM;AAAA,IACN,UAAU;AAAA,MACR,WAAW;AAAA,QACT,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,MACR,gBAAgB;AAAA,IAClB;AAAA,IACA,aAAa;AAAA,EACf;AACA,QAAM,QAAQ;AAAA,IACZ,MAAM;AAAA,IACN,aAAa;AAAA;AAAA,IACb,UAAU;AAAA,MACR,MAAM;AAAA,MACN,WAAW;AAAA,QACT,OAAO;AAAA,QACP,eAAe;AAAA,QACf,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,WAAW,CAAC,UAAkB;AAE5B,YAAI,gBAAgB;AAClB,cAAI,mBAAmB,YAAY;AACjC,kBAAM,CAACA,SAAQC,KAAI,QAAI,2BAAa,OAAO,IAAI;AAC/C,mBAAOD,UAASC;AAAA,UAClB;AACA,cAAI,mBAAmB,WAAW;AAChC,mBAAO,IAAI,eAAAC,QAAQ,KAAK,EAAE,IAAI,GAAG,IAAI;AAAA,UACvC;AACA,qBAAO,0BAAY,OAAO,cAAc;AAAA,QAC1C;AACA,cAAM,CAAC,QAAQ,IAAI,QAAI,2BAAa,OAAO,IAAI;AAC/C,eAAO,SAAS;AAAA,MAClB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,WAAW;AAAA,QACT,MAAM,CAAC,GAAG,CAAC;AAAA;AAAA,QACX,OAAO;AAAA;AAAA,MACT;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AACA,QAAM,mBAAmB,CAAC,WAAgB;AA/L5C;AAgMI,UAAM,UAAQ,YAAO,CAAC,MAAR,mBAAW,cAAa;AACtC,UAAM,eAAe,OAAO,OAAO,CAAC,MAAW;AAC7C,YAAM,EAAE,MAAM,WAAW,IAAI;AAC7B,UAAI,SAAS,MAAM;AACjB,eAAO;AAAA,MACT,WACE,UAAU,KAAK,CAAC,aAAa;AAC3B,gBAAO,qCAAU,UAAS;AAAA,MAC5B,CAAC,GACD;AACA,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,aACJ,6BAAAC,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,WACrB,6BAAAD,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,SAAQ,KAAM,GACrC,6BAAAD,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,WACpB,aAAa,IAAI,CAAC,MAAW;AAC5B,YAAM,eAAe,gBAAgB,OAAO,CAAC,CAAC;AAC9C,YAAM,UAAS,6CAAc,WAAU;AACvC,YAAM,YAAY,WAAW,iBAAa,2BAAa,EAAE,OAAO,IAAI,QAAI,0BAAY,EAAE,OAAO,MAAM;AACnG,YAAM,gBAAgB,cAAc,MAAM,UAAU,CAAC,MAAM,KAAK,MAAM;AACtE,aACE,6BAAAD,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,MAAM,KAAK,EAAE,cAClC,6BAAAD,QAAA,cAAC,SAAI,eAAW,kBAAAE,SAAW,oBAAAD,QAAO,OAAO,oBAAAA,QAAO,QAAQ,GAAG,OAAO,EAAE,YAAY,EAAE,MAAM,GAAG,GAC3F,6BAAAD,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,YAAW,EAAE,UAAW,GAC/C,6BAAAD,QAAA,cAAC,SAAI,WAAW,oBAAAC,QAAO,SAAQ,aAAc,CAC/C;AAAA,IAEJ,CAAC,CACH,CACF;AAEF,WAAO,cAAAE,QAAe,qBAAqB,UAAU;AAAA,EACvD;AACA,QAAM,UAAU;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,aAAa;AAAA,MACX,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,EACb;AAGA,QAAM,mBAAe,sBAAQ,MAAM;AACjC,WAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,WAAW;AAAA,QACX,YAAY;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC;AAGX,8BAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,iBAAiB,SAAS;AAC5B,yBAAiB,QAAQ,QAAQ;AACjC,yBAAiB,UAAU;AAAA,MAC7B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAGL,8BAAU,MAAM;AACd,UAAM,YAAY,kBAAkB;AACpC,QAAI,CAAC;AAAW;AAChB,QAAI,QAAQ,iBAAiB;AAC7B,QAAI,CAAC,OAAO;AACV,cAAgB,aAAK,SAAS;AAC9B,uBAAiB,UAAU;AAAA,IAC7B;AACA,UAAM,UAAU,cAAc,IAAI;AAAA,EACpC,GAAG,CAAC,YAAY,CAAC;AAGjB,8BAAU,MAAM;AACd,UAAM,eAAe,kBAAkB;AACvC,QAAI,CAAC;AAAc;AACnB,UAAM,iBAAiB,IAAI,eAAe,MAAM;AA3RpD;AA4RM,6BAAiB,YAAjB,mBAA0B;AAAA,IAC5B,CAAC;AACD,mBAAe,QAAQ,YAAY;AACnC,WAAO,MAAM;AACX,qBAAe,UAAU,YAAY;AACrC,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SACE,6BAAAH,QAAA,2BAAAA,QAAA,gBACG,UAAU,SAAS,IAClB,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,oBAAAC,QAAO;AAAA,MAClB,OAAO,EAAE,OAAO,QAAQ,QAAQ,UAAU,QAAQ,WAAW,IAAI;AAAA;AAAA,EAClE,IAED,6BAAAD,QAAA,cAAC,qBAAM,WAAW,oBAAAC,QAAO,OAAO,aAAY,QAAO,OAAO,kBAAM,wBAAwB,CAE5F;AAEJ;AAEA,IAAO,mBAAQ;",
+  "names": ["result", "unit", "Decimal", "React", "styles", "classNames", "ReactDOMServer"]
+}

package/dist/lib/business/YkCharts/Line.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { ColumnConfig, GroupByItem, SqlMetaConfig, TableData } from './typing';
+type RowItem = {
+    [key: string]: number | string;
+};
+type PageTypes = {
+    count?: number;
+    metric: string[];
+    groupBys: GroupByItem[];
+    tableData: TableData;
+    baseData: RowItem[];
+    columnConfigMap: {
+        [key: string]: ColumnConfig;
+    };
+    sqlFormatMap?: {
+        [key: string]: SqlMetaConfig;
+    };
+    height?: number;
+};
+declare const _default: React.NamedExoticComponent<PageTypes>;
+export default _default;