@yoka-ui/ui 1.0.5 → 1.0.7

package/dist/es/business/YkCharts/BarProperty.js

@@ -0,0 +1,357 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/business/YkCharts/BarProperty.tsx
+import { Empty } from "antd";
+import classNames from "classnames";
+import Decimal from "decimal.js";
+import * as echarts from "echarts";
+import React, { useEffect, useMemo, useRef } from "react";
+import ReactDOMServer from "react-dom/server";
+import { chartColors } from "./constants";
+import styles from "./index.module.less";
+import { formatNumber, formatValue } from "./utils";
+function extractCombinations(baseData, validGroupByKeys) {
+  const combinations = /* @__PURE__ */ new Set();
+  baseData.forEach((item) => {
+    const combination = validGroupByKeys.map((key) => item[key]).join("|");
+    combinations.add(combination);
+  });
+  return Array.from(combinations).map((combination) => {
+    return combination.split("|");
+  });
+}
+var BarProperty = ({
+  count,
+  // 指标显示数量
+  metric,
+  // 指标
+  groupBys,
+  // 维度
+  tableData,
+  // 表格数据
+  baseData,
+  // 基础数据
+  columnConfigMap,
+  // 列配置
+  height
+}) => {
+  const { x_field } = tableData;
+  const chartContainerRef = useRef(null);
+  const chartInstanceRef = useRef(null);
+  const legendNames = useMemo(() => {
+    if (groupBys && groupBys.length > 1) {
+      const validGroups = groupBys.slice(1).filter((g) => Array.isArray(g.selected) && g.selected.length > 0);
+      const arrays = validGroups.map((g) => g.selected);
+      const product = arrays.reduce(
+        (acc, curr) => {
+          const res = [];
+          acc.forEach((a) => {
+            curr.forEach((b) => {
+              res.push(Array.isArray(a) ? [...a, b] : [a, b]);
+            });
+          });
+          return res;
+        },
+        [[]]
+      );
+      return product.map((arr) => arr.join("，"));
+    } else {
+      return metric;
+    }
+  }, [groupBys, metric]);
+  const useX = useMemo(() => {
+    var _a, _b;
+    let rows = [];
+    let fieldType = "string";
+    if (groupBys.length === 0) {
+      rows = baseData.map((item) => item[x_field]);
+      rows = Array.from(new Set(rows));
+      fieldType = ((_a = columnConfigMap[x_field]) == null ? void 0 : _a.type) || "string";
+    } else {
+      rows = groupBys[0].options.filter((option) => groupBys[0].selected.includes(option));
+      fieldType = ((_b = columnConfigMap[groupBys[0].key]) == null ? void 0 : _b.type) || "string";
+    }
+    if (fieldType === "number") {
+      rows = rows.sort((a, b) => {
+        return Number(a) > Number(b) ? 1 : -1;
+      });
+    }
+    return count ? rows.slice(0, count) : rows;
+  }, [baseData, groupBys, x_field, count]);
+  const validGroupByKeys = useMemo(() => {
+    return groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0).map((g) => g.key);
+  }, [groupBys]);
+  const chartData = useMemo(() => {
+    if (groupBys && groupBys.length > 1) {
+      if (Array.isArray(groupBys) && groupBys.some((g) => Array.isArray(g.selected) && g.selected.length === 0)) {
+        return [];
+      }
+      const validGroups = groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0);
+      const arrays = validGroups.map((g) => g.selected);
+      const product = arrays.reduce(
+        (acc, curr) => {
+          const res = [];
+          acc.forEach((a) => {
+            curr.forEach((b) => {
+              res.push(Array.isArray(a) ? [...a, b] : [a, b]);
+            });
+          });
+          return res;
+        },
+        [[]]
+      );
+      const productResult = extractCombinations(baseData, validGroupByKeys);
+      const result = productResult.map((arr) => {
+        const item = baseData.find((d) => {
+          return arr.every((a, i) => {
+            return d[groupBys[i].key] === a;
+          });
+        });
+        if (!item)
+          return null;
+        return __spreadProps(__spreadValues({}, item), {
+          name: arr.join("，"),
+          value: item[metric[0]],
+          metricName: metric[0],
+          format: columnConfigMap[metric[0]]
+        });
+      }).filter(Boolean);
+      return count ? result.slice(0, count) : result;
+    } else if (groupBys && groupBys.length === 1) {
+      const selected = groupBys[0].selected;
+      const result = selected.map((s) => {
+        const item = baseData.find((d) => d[groupBys[0].key] === s);
+        if (!item)
+          return null;
+        return __spreadProps(__spreadValues({}, item), {
+          name: item[groupBys[0].key],
+          value: item[metric[0]],
+          metricName: metric[0],
+          format: columnConfigMap[metric[0]]
+        });
+      }).filter((item) => (item == null ? void 0 : item.name) ? useX.includes(item == null ? void 0 : item.name) : true);
+      return count ? result.slice(0, count) : result;
+    } else {
+      const result = baseData.map((item) => {
+        return __spreadProps(__spreadValues({}, item), {
+          name: item[x_field],
+          value: item[metric[0]],
+          metricName: metric[0],
+          format: columnConfigMap[metric[0]]
+        });
+      }).filter((item) => useX.includes(item.name));
+      return count ? result.slice(0, count) : result;
+    }
+  }, [baseData, x_field, groupBys, metric, columnConfigMap, count]);
+  const yAxisFormatter = useMemo(() => {
+    var _a;
+    if (metric.length === 1) {
+      return (_a = columnConfigMap[metric[0]]) == null ? void 0 : _a.format;
+    }
+    return null;
+  }, [metric, columnConfigMap]);
+  const series = useMemo(() => {
+    return legendNames.map((name) => {
+      return {
+        name,
+        type: "bar",
+        barMaxWidth: 20,
+        stack: "stack",
+        smooth: true,
+        showSymbol: false,
+        data: useX.map((item) => {
+          const itemData = chartData.find((d) => {
+            if (groupBys && groupBys.length > 1) {
+              return (d == null ? void 0 : d.name) === item + "，" + name;
+            } else {
+              return (d == null ? void 0 : d.name) === item;
+            }
+          });
+          return itemData ? itemData.value : 0;
+        })
+      };
+    });
+  }, [chartData, metric]);
+  const grid = {
+    top: 10,
+    left: 0,
+    right: 10,
+    bottom: 40,
+    containLabel: true
+  };
+  const legend = {
+    bottom: 0,
+    type: "scroll"
+  };
+  const xAxis = {
+    type: "category",
+    data: useX,
+    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] = formatNumber(value, true);
+            return result2 + unit2;
+          }
+          if (yAxisFormatter === "percent") {
+            return new Decimal(value).mul(100) + "%";
+          }
+          return formatValue(value, yAxisFormatter);
+        }
+        const [result, unit] = formatNumber(value, true);
+        return result + unit;
+      }
+    },
+    splitLine: {
+      lineStyle: {
+        type: [2, 3],
+        // 虚线
+        color: "#E7E7E7"
+        // 背景线颜色
+      }
+    },
+    axisTick: {
+      show: true
+    }
+  };
+  const tooltipFormatter = (params) => {
+    var _a, _b;
+    const title = (_b = (_a = params[0]) == null ? void 0 : _a.axisValue) != null ? _b : "";
+    const filterParams = params.filter((f) => {
+      const { name, seriesName } = f;
+      const itemName = name + "，" + seriesName;
+      if (name === "合计") {
+        return true;
+      } else if (chartData.some((dataItem) => {
+        return (dataItem == null ? void 0 : dataItem.name) === itemName || name === (dataItem == null ? void 0 : dataItem.name);
+      })) {
+        return true;
+      }
+      return false;
+    });
+    const tooltipDom = /* @__PURE__ */ React.createElement("div", { className: styles.tooltip }, /* @__PURE__ */ React.createElement("div", { className: styles.title }, title), /* @__PURE__ */ React.createElement("div", { className: styles.content }, filterParams.map((m) => {
+      var _a2;
+      const columnConfig = columnConfigMap[metric[0]];
+      const format = (_a2 = columnConfig == null ? void 0 : columnConfig.format) != null ? _a2 : "string";
+      const showValue = format === "currency" ? formatNumber(m.value, true) : formatValue(m.value, format);
+      const showValueText = showValue === "" || showValue[0] === "" ? "-" : showValue;
+      return /* @__PURE__ */ React.createElement("div", { className: styles.item, key: m.seriesName }, /* @__PURE__ */ React.createElement("div", { className: classNames(styles.point, styles.pointBar), style: { background: m.color } }), /* @__PURE__ */ React.createElement("div", { className: styles.category }, m.seriesName), /* @__PURE__ */ React.createElement("div", { className: styles.value }, showValueText));
+    })));
+    return ReactDOMServer.renderToStaticMarkup(tooltipDom);
+  };
+  const tooltip = {
+    trigger: "axis",
+    padding: 0,
+    confine: true,
+    enterable: true,
+    axisPointer: {
+      type: "shadow"
+    },
+    formatter: tooltipFormatter
+  };
+  const chartOptions = useMemo(() => {
+    return {
+      color: chartColors,
+      grid,
+      legend: __spreadProps(__spreadValues({}, legend), {
+        itemWidth: 10,
+        itemHeight: 10
+      }),
+      xAxis,
+      yAxis,
+      series,
+      tooltip
+    };
+  }, [series]);
+  useEffect(() => {
+    if (!chartContainerRef.current)
+      return;
+    let chart = chartInstanceRef.current;
+    if (!chart) {
+      chart = echarts.init(chartContainerRef.current);
+      chartInstanceRef.current = chart;
+    }
+    chart == null ? void 0 : chart.setOption(chartOptions, true);
+    return () => {
+      if (chartInstanceRef.current) {
+        chartInstanceRef.current.dispose();
+        chartInstanceRef.current = null;
+      }
+    };
+  }, [chartOptions]);
+  useEffect(() => {
+    const chartElement = chartContainerRef.current;
+    if (!chartElement)
+      return;
+    const resizeObserver = new ResizeObserver(() => {
+      const chart = chartInstanceRef.current;
+      if (chart) {
+        chart.resize();
+      }
+    });
+    resizeObserver.observe(chartElement);
+    return () => {
+      resizeObserver.unobserve(chartElement);
+      resizeObserver.disconnect();
+    };
+  }, [chartData]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, chartData.length > 0 ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: chartContainerRef,
+      className: styles.echarts,
+      style: { width: "100%", height: height || "100%", minHeight: 220 }
+    }
+  ) : /* @__PURE__ */ React.createElement(Empty, { className: styles.empty, description: "暂无数据", image: Empty.PRESENTED_IMAGE_SIMPLE }));
+};
+var BarProperty_default = BarProperty;
+export {
+  BarProperty_default as default
+};
+//# sourceMappingURL=BarProperty.js.map

package/dist/es/business/YkCharts/BarProperty.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkCharts/BarProperty.tsx"],
+  "sourcesContent": ["/**\n * 用户分析-柱状图\n */\n\nimport { Empty } 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\n// 从 baseData 和 validGroupByKeys 中提取组合数据\nfunction extractCombinations(baseData: RowItem[], validGroupByKeys: string[]) {\n  // 获取所有唯一的组合\n  const combinations = new Set<string>();\n\n  baseData.forEach((item) => {\n    const combination = validGroupByKeys.map((key) => item[key]).join('|');\n    combinations.add(combination);\n  });\n\n  // 转换为数组格式\n  return Array.from(combinations).map((combination) => {\n    return combination.split('|');\n  });\n}\n\nconst BarProperty: FC<PageTypes> = ({\n  count, // 指标显示数量\n  metric, // 指标\n  groupBys, // 维度\n  tableData, // 表格数据\n  baseData, // 基础数据\n  columnConfigMap, // 列配置\n  height,\n}) => {\n  const { x_field } = tableData;\n  const chartContainerRef = useRef<HTMLDivElement | null>(null);\n  const chartInstanceRef = useRef<echarts.ECharts | null>(null);\n  // var count =  0; // 用于限制指标数量\n  // 获取图例名称\n  const legendNames = useMemo(() => {\n    if (groupBys && groupBys.length > 1) {\n      const validGroups = groupBys.slice(1).filter((g) => Array.isArray(g.selected) && g.selected.length > 0);\n      const arrays = validGroups.map((g) => g.selected);\n      const product = arrays.reduce(\n        (acc, curr) => {\n          const res: any[] = [];\n          acc.forEach((a) => {\n            curr.forEach((b) => {\n              res.push(Array.isArray(a) ? [...a, b] : [a, b]);\n            });\n          });\n          return res;\n        },\n        [[]],\n      );\n      return product.map((arr) => arr.join('，'));\n    } else {\n      return metric;\n    }\n  }, [groupBys, metric]);\n\n  // 获取x轴\n  const useX = useMemo(() => {\n    // 当没有选维度时，x轴为合计\n    let rows = [];\n    let fieldType = 'string';\n    if (groupBys.length === 0) {\n      rows = baseData.map((item) => item[x_field]);\n      rows = Array.from(new Set(rows)); // 去重\n      fieldType = columnConfigMap[x_field]?.type || 'string';\n    } else {\n      // 当选一个维度时，x轴为维度，按照 options 的顺序排序\n      rows = groupBys[0].options.filter((option) => groupBys[0].selected.includes(option));\n      fieldType = columnConfigMap[groupBys[0].key]?.type || 'string';\n    }\n    if (fieldType === 'number') {\n      rows = rows.sort((a: string | number, b: string | number) => {\n        return Number(a) > Number(b) ? 1 : -1;\n      });\n    }\n    return count ? rows.slice(0, count) : rows;\n  }, [baseData, groupBys, x_field, count]);\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  const chartData = useMemo(() => {\n    // 存在多个维度\n    if (groupBys && groupBys.length > 1) {\n      // 如果存在已选维度为空，则不显示图表\n      if (Array.isArray(groupBys) && groupBys.some((g) => Array.isArray(g.selected) && g.selected.length === 0)) {\n        return [];\n      }\n      const validGroups = groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0);\n      const arrays = validGroups.map((g) => g.selected);\n      const product = arrays.reduce(\n        (acc, curr) => {\n          const res: any[] = [];\n          acc.forEach((a) => {\n            curr.forEach((b) => {\n              res.push(Array.isArray(a) ? [...a, b] : [a, b]);\n            });\n          });\n          return res;\n        },\n        [[]],\n      );\n      const productResult = extractCombinations(baseData, validGroupByKeys);\n      const result = productResult\n        .map((arr) => {\n          const item = baseData.find((d) => {\n            return arr.every((a: string, i: number) => {\n              return d[groupBys[i].key] === a;\n            });\n          });\n          if (!item) return null;\n          return {\n            ...item,\n            name: arr.join('，'),\n            value: item[metric[0]],\n            metricName: metric[0],\n            format: columnConfigMap[metric[0]],\n          };\n        })\n        .filter(Boolean);\n\n      return count ? result.slice(0, count) : result;\n    } else if (groupBys && groupBys.length === 1) {\n      // 存在一个维度\n      const selected = groupBys[0].selected;\n      const result = selected\n        .map((s) => {\n          const item = baseData.find((d) => d[groupBys[0].key] === s);\n          if (!item) return null;\n          return {\n            ...item,\n            name: item[groupBys[0].key],\n            value: item[metric[0]],\n            metricName: metric[0],\n            format: columnConfigMap[metric[0]],\n          };\n        })\n        .filter((item) => (item?.name ? useX.includes(item?.name) : true));\n      return count ? result.slice(0, count) : result;\n    } else {\n      // 不存在维度\n      const result = baseData\n        .map((item) => {\n          return {\n            ...item,\n            name: item[x_field],\n            value: item[metric[0]],\n            metricName: metric[0],\n            format: columnConfigMap[metric[0]],\n          };\n        })\n        .filter((item) => useX.includes(item.name));\n      return count ? result.slice(0, count) : result;\n    }\n  }, [baseData, x_field, groupBys, metric, columnConfigMap, count]);\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  // 获取series\n  const series = useMemo(() => {\n    return legendNames.map((name) => {\n      return {\n        name: name,\n        type: 'bar',\n        barMaxWidth: 20,\n        stack: 'stack',\n        smooth: true,\n        showSymbol: false,\n        data: useX.map((item) => {\n          const itemData = chartData.find((d) => {\n            if (groupBys && groupBys.length > 1) {\n              return d?.name === item + '，' + name;\n            } else {\n              return d?.name === item;\n            }\n          });\n          return itemData ? itemData.value : 0;\n        }),\n      };\n    });\n  }, [chartData, metric]);\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: useX,\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      const itemName = name + '，' + seriesName;\n      if (name === '合计') {\n        return true;\n      } else if (\n        chartData.some((dataItem) => {\n          return dataItem?.name === itemName || name === dataItem?.name;\n        })\n      ) {\n        return true;\n      }\n      return false;\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    if (!chartContainerRef.current) return;\n    let chart = chartInstanceRef.current;\n    if (!chart) {\n      chart = echarts.init(chartContainerRef.current);\n      chartInstanceRef.current = chart;\n    }\n    chart?.setOption(chartOptions, true);\n    return () => {\n      if (chartInstanceRef.current) {\n        chartInstanceRef.current.dispose();\n        chartInstanceRef.current = null;\n      }\n    };\n  }, [chartOptions]);\n\n  // 监听图表容器大小变化\n  useEffect(() => {\n    const chartElement = chartContainerRef.current;\n    if (!chartElement) return;\n    const resizeObserver = new ResizeObserver(() => {\n      const chart = chartInstanceRef.current;\n      if (chart) {\n        chart.resize();\n      }\n    });\n    resizeObserver.observe(chartElement);\n    return () => {\n      resizeObserver.unobserve(chartElement);\n      resizeObserver.disconnect();\n    };\n  }, [chartData]);\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 BarProperty;\n"],
+  "mappings": "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",
+  "names": ["result", "unit", "_a"]
+}

package/dist/es/business/YkCharts/BarTotal.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 基础分析-合计且有维度时的柱状图
+ */
+import { type FC } from 'react';
+import type { ColumnConfig, GroupByItem, 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;
+    };
+    height?: number;
+};
+declare const BarTotal: FC<PageTypes>;
+export default BarTotal;