@yoka-ui/ui 1.0.6 → 1.0.7

package/dist/es/index.less

@@ -5,7 +5,6 @@
  */
 
 // 自动聚合的样式文件
-@import "../../src/Themes/TableTheme/index.less";
 @import "../../src/assets/less/ant-reset.less";
 @import "../../src/assets/less/index.less";
 @import "../../src/assets/less/variables.less";
@@ -14,6 +13,9 @@
 @import "../../src/business/ModCommonFilter/components/FilterButton/index.module.less";
 @import "../../src/business/ModCommonFilter/components/PopoverContent/index.module.less";
 @import "../../src/business/ModCommonFilter/index.module.less";
+@import "../../src/business/YkCharts/index.module.less";
+@import "../../src/business/YkCharts/tooltip.less";
+@import "../../src/business/YkCharts/variables.less";
 @import "../../src/business/YkLoginModule/styles.module.less";
 @import "../../src/business/YkPorjectSelect/index.module.less";
 @import "../../src/business/YkSqlEdit/code-mirror-custom.module.less";
@@ -23,13 +25,16 @@
 @import "../../src/components/TreeTransfer/components/TreeTransferPanel/index.less";
 @import "../../src/components/TreeTransfer/index.less";
 @import "../../src/components/YkDateRangePicker/index.module.less";
+@import "../../src/components/YKMarkdown/index.module.less";
 @import "../../src/components/YkRangeDateWithVS/index.module.less";
 @import "../../src/components/YkRangeTimeWithRecent/index.module.less";
 @import "../../src/creative/ArcCheckbox/index.module.less";
 @import "../../src/creative/ButtonRadioWithInfo/index.less";
 @import "../../src/creative/ButtonWithProgress/index.less";
 @import "../../src/creative/GlassSegmentedRadio/index.module.less";
+@import "../../src/creative/SkillsWriter/index.module.less";
 @import "../../src/layout/YkDrawer/index.module.less";
+@import "../../src/Themes/TableTheme/index.less";
 @import "../../src/ui/LogicOperator/index.module.less";
 @import "../../src/ui/YkCard/index.module.less";
 @import "../../src/ui/YkCheckbox/index.module.less";

package/dist/es/utils/ykStorybookDoc.d.ts

@@ -13,5 +13,20 @@ export type YkStoryDocInput = {
      * 组件特有备注（交互、API、Story 限制等）；环境类说明由函数自动追加。
      */
     notes?: string[];
+    /**
+     * 代码示例数组，每个示例包含标题和代码。
+     * 将在文档中以 ```tsx 代码块形式展示。
+     */
+    examples?: YkStoryDocExample[];
+};
+/** 代码示例类型 */
+export type YkStoryDocExample = {
+    /** 示例标题 */
+    title?: string;
+    /** 代码示例内容（tsx 代码块） */
+    code: string;
 };
+/**
+ * 生成完整的 Storybook 文档字符串
+ */
 export declare function ykStoryDoc(input: YkStoryDocInput): string;

package/dist/es/utils/ykStorybookDoc.js

@@ -1,16 +1,38 @@
 // src/utils/ykStorybookDoc.ts
 var YK_STORYBOOK_PLATFORM_NOTE = "业务侧使用 `@yoka-ui/ui` 时需保证 React 18、与库一致的 Ant Design 5；入口引入 Ant Design 全局样式（可与库一致使用 `antd/dist/reset.css`），并引入 `@yoka-ui/ui/dist/index.less`（以 README 为准）。";
+function formatExamples(examples) {
+  if (!examples || examples.length === 0) {
+    return "";
+  }
+  return examples.map((example) => {
+    const title = example.title ? `### ${example.title}
+
+` : "";
+    return `${title}\`\`\`tsx
+${example.code}
+\`\`\``;
+  }).join("\n\n");
+}
 function ykStoryDoc(input) {
-  var _a;
+  var _a, _b;
   const deps = input.dependencies.length > 0 ? input.dependencies.join("、") : "`react`、`antd`（具体见源码 import）";
   const extra = ((_a = input.notes) != null ? _a : []).filter(Boolean);
   const remarks = [...extra, YK_STORYBOOK_PLATFORM_NOTE];
-  return `**描述**：${input.summary}
+  const baseDoc = `**描述**：${input.summary}
 
 **依赖**：${deps}
 
 **备注**：
 ${remarks.map((line) => `- ${line}`).join("\n")}`;
+  const examplesStr = formatExamples((_b = input.examples) != null ? _b : []);
+  if (examplesStr) {
+    return `${baseDoc}
+
+## 代码示例
+
+${examplesStr}`;
+  }
+  return baseDoc;
 }
 export {
   ykStoryDoc

package/dist/es/utils/ykStorybookDoc.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/ykStorybookDoc.ts"],
-  "sourcesContent": ["/**\n * Storybook Autodocs 统一文案：**描述** / **依赖** / **备注**。\n * 用于各 `*.stories.tsx` 的 `meta.parameters.docs.description.component`。\n */\nexport type YkStoryDocInput = {\n  /** 一句话概括组件用途（建议以句号结尾） */\n  summary: string;\n  /**\n   * 运行时主要依赖：`npm 包（用到的子模块）` 或 `本库 · 模块名`\n   */\n  dependencies: string[];\n  /**\n   * 组件特有备注（交互、API、Story 限制等）；环境类说明由函数自动追加。\n   */\n  notes?: string[];\n};\n\nconst YK_STORYBOOK_PLATFORM_NOTE =\n  '业务侧使用 `@yoka-ui/ui` 时需保证 React 18、与库一致的 Ant Design 5；入口引入 Ant Design 全局样式（可与库一致使用 `antd/dist/reset.css`），并引入 `@yoka-ui/ui/dist/index.less`（以 README 为准）。';\n\nexport function ykStoryDoc(input: YkStoryDocInput): string {\n  const deps = input.dependencies.length > 0 ? input.dependencies.join('、') : '`react`、`antd`（具体见源码 import）';\n\n  const extra = (input.notes ?? []).filter(Boolean);\n  const remarks = [...extra, YK_STORYBOOK_PLATFORM_NOTE];\n\n  return `**描述**：${input.summary}\\n\\n**依赖**：${deps}\\n\\n**备注**：\\n${remarks.map((line) => `- ${line}`).join('\\n')}`;\n}\n"],
-  "mappings": ";AAiBA,IAAM,6BACJ;AAEK,SAAS,WAAW,OAAgC;AApB3D;AAqBE,QAAM,OAAO,MAAM,aAAa,SAAS,IAAI,MAAM,aAAa,KAAK,GAAG,IAAI;AAE5E,QAAM,UAAS,WAAM,UAAN,YAAe,CAAC,GAAG,OAAO,OAAO;AAChD,QAAM,UAAU,CAAC,GAAG,OAAO,0BAA0B;AAErD,SAAO,UAAU,MAAM;AAAA;AAAA,SAAqB;AAAA;AAAA;AAAA,EAAoB,QAAQ,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE,KAAK,IAAI;AAC9G;",
+  "sourcesContent": ["/**\n * Storybook Autodocs 统一文案：**描述** / **依赖** / **备注**。\n * 用于各 `*.stories.tsx` 的 `meta.parameters.docs.description.component`。\n */\nexport type YkStoryDocInput = {\n  /** 一句话概括组件用途（建议以句号结尾） */\n  summary: string;\n  /**\n   * 运行时主要依赖：`npm 包（用到的子模块）` 或 `本库 · 模块名`\n   */\n  dependencies: string[];\n  /**\n   * 组件特有备注（交互、API、Story 限制等）；环境类说明由函数自动追加。\n   */\n  notes?: string[];\n  /**\n   * 代码示例数组，每个示例包含标题和代码。\n   * 将在文档中以 ```tsx 代码块形式展示。\n   */\n  examples?: YkStoryDocExample[];\n};\n\n/** 代码示例类型 */\nexport type YkStoryDocExample = {\n  /** 示例标题 */\n  title?: string;\n  /** 代码示例内容（tsx 代码块） */\n  code: string;\n};\n\nconst YK_STORYBOOK_PLATFORM_NOTE =\n  '业务侧使用 `@yoka-ui/ui` 时需保证 React 18、与库一致的 Ant Design 5；入口引入 Ant Design 全局样式（可与库一致使用 `antd/dist/reset.css`），并引入 `@yoka-ui/ui/dist/index.less`（以 README 为准）。';\n\n/**\n * 生成代码示例的 Markdown 格式字符串\n */\nfunction formatExamples(examples: YkStoryDocExample[]): string {\n  if (!examples || examples.length === 0) {\n    return '';\n  }\n\n  return examples\n    .map((example) => {\n      const title = example.title ? `### ${example.title}\\n\\n` : '';\n      return `${title}\\`\\`\\`tsx\\n${example.code}\\n\\`\\`\\``;\n    })\n    .join('\\n\\n');\n}\n\n/**\n * 生成完整的 Storybook 文档字符串\n */\nexport function ykStoryDoc(input: YkStoryDocInput): string {\n  const deps = input.dependencies.length > 0 ? input.dependencies.join('、') : '`react`、`antd`（具体见源码 import）';\n\n  const extra = (input.notes ?? []).filter(Boolean);\n  const remarks = [...extra, YK_STORYBOOK_PLATFORM_NOTE];\n\n  const baseDoc = `**描述**：${input.summary}\\n\\n**依赖**：${deps}\\n\\n**备注**：\\n${remarks.map((line) => `- ${line}`).join('\\n')}`;\n\n  // 如果有代码示例，添加到文档末尾\n  const examplesStr = formatExamples(input.examples ?? []);\n  if (examplesStr) {\n    return `${baseDoc}\\n\\n## 代码示例\\n\\n${examplesStr}`;\n  }\n\n  return baseDoc;\n}\n"],
+  "mappings": ";AA8BA,IAAM,6BACJ;AAKF,SAAS,eAAe,UAAuC;AAC7D,MAAI,CAAC,YAAY,SAAS,WAAW,GAAG;AACtC,WAAO;AAAA,EACT;AAEA,SAAO,SACJ,IAAI,CAAC,YAAY;AAChB,UAAM,QAAQ,QAAQ,QAAQ,OAAO,QAAQ;AAAA;AAAA,IAAc;AAC3D,WAAO,GAAG;AAAA,EAAmB,QAAQ;AAAA;AAAA,EACvC,CAAC,EACA,KAAK,MAAM;AAChB;AAKO,SAAS,WAAW,OAAgC;AApD3D;AAqDE,QAAM,OAAO,MAAM,aAAa,SAAS,IAAI,MAAM,aAAa,KAAK,GAAG,IAAI;AAE5E,QAAM,UAAS,WAAM,UAAN,YAAe,CAAC,GAAG,OAAO,OAAO;AAChD,QAAM,UAAU,CAAC,GAAG,OAAO,0BAA0B;AAErD,QAAM,UAAU,UAAU,MAAM;AAAA;AAAA,SAAqB;AAAA;AAAA;AAAA,EAAoB,QAAQ,IAAI,CAAC,SAAS,KAAK,MAAM,EAAE,KAAK,IAAI;AAGrH,QAAM,cAAc,gBAAe,WAAM,aAAN,YAAkB,CAAC,CAAC;AACvD,MAAI,aAAa;AACf,WAAO,GAAG;AAAA;AAAA;AAAA;AAAA,EAAyB;AAAA,EACrC;AAEA,SAAO;AACT;",
   "names": []
 }

package/dist/lib/business/Empty/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/business/Empty/index.tsx"],
-  "sourcesContent": ["import { Empty, Flex } from 'antd';\nimport type { ForwardedRef } from 'react';\nimport React from 'react';\nimport EmptyImg from './empty.png';\n\n/**\n * 空状态占位组件的 Props（ref 由 forwardRef 注入，无需在 props 中声明）\n */\ntype EmptyProps = {\n  /** 空状态插图，不传则使用默认 empty.png */\n  image?: React.ReactNode | string;\n  /** 描述文案或自定义节点，默认「暂无数据」 */\n  description?: string | React.ReactNode;\n  /** 图片容器样式，会与默认宽高合并 */\n  imageStyle?: React.CSSProperties;\n  /** 根节点 Flex 的样式 */\n  style?: React.CSSProperties;\n};\n\n/** 描述文字统一样式 */\nconst descriptionStyle: React.CSSProperties = {\n  color: '#999',\n  fontSize: 14,\n  height: 20,\n  lineHeight: '20px',\n};\n\n/**\n * 空状态占位：居中展示默认图 + 描述，支持自定义图片与文案，支持 ref 透传。\n */\nconst ForwardedEmptyPlaceholder = React.forwardRef(\n  ({ image, description, imageStyle = {}, style = {} }: EmptyProps, ref: ForwardedRef<HTMLDivElement>) => {\n    return (\n      <Flex ref={ref} style={{ padding: '80px 0', ...style }} align=\"center\" justify=\"center\">\n        <Empty\n          image={image || EmptyImg}\n          styles={{\n            image: {\n              height: 60,\n              width: 150,\n              display: 'inline-block',\n              ...imageStyle,\n            },\n          }}\n          description={\n            description == null || description === '' ? (\n              <span style={descriptionStyle}>暂无数据</span>\n            ) : typeof description === 'string' ? (\n              <span style={descriptionStyle}>{description}</span>\n            ) : (\n              description\n            )\n          }\n        />\n      </Flex>\n    );\n  },\n);\n\nForwardedEmptyPlaceholder.displayName = 'Empty';\n\nexport default ForwardedEmptyPlaceholder;\n"],
+  "sourcesContent": ["import { Empty, Flex } from 'antd';\nimport type { ForwardedRef } from 'react';\nimport React from 'react';\nimport EmptyImg from './empty.png';\n\n/**\n * 空状态占位组件的 Props（ref 由 forwardRef 注入，无需在 props 中声明）\n */\ntype EmptyProps = {\n  /** 空状态插图，不传则使用默认 empty.png */\n  image?: React.ReactNode | string;\n  /** 描述文案或自定义节点，默认「暂无数据」 */\n  description?: string | React.ReactNode;\n  /** 图片容器样式，会与默认宽高合并 */\n  imageStyle?: React.CSSProperties;\n  /** 根节点 Flex 的样式 */\n  style?: React.CSSProperties;\n};\n\n/** 描述文字统一样式 */\nconst descriptionStyle: React.CSSProperties = {\n  color: '#999',\n  fontSize: 14,\n  height: 20,\n  lineHeight: '20px',\n};\n\n/**\n * 空状态占位：居中展示默认图 + 描述，支持自定义图片与文案，支持 ref 透传。\n */\nconst ForwardedEmptyPlaceholder = React.forwardRef(\n  ({ image, description, imageStyle = {}, style = {} }: EmptyProps, ref: ForwardedRef<HTMLDivElement>) => {\n    return (\n      <Flex ref={ref} style={{ padding: '80px 0', ...style }} align='center' justify='center'>\n        <Empty\n          image={image || EmptyImg}\n          styles={{\n            image: {\n              height: 60,\n              width: 150,\n              display: 'inline-block',\n              ...imageStyle,\n            },\n          }}\n          description={\n            description == null || description === '' ? (\n              <span style={descriptionStyle}>暂无数据</span>\n            ) : typeof description === 'string' ? (\n              <span style={descriptionStyle}>{description}</span>\n            ) : (\n              description\n            )\n          }\n        />\n      </Flex>\n    );\n  },\n);\n\nForwardedEmptyPlaceholder.displayName = 'Empty';\n\nexport default ForwardedEmptyPlaceholder;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4B;AAE5B,mBAAkB;AAClB,mBAAqB;AAiBrB,IAAM,mBAAwC;AAAA,EAC5C,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AACd;AAKA,IAAM,4BAA4B,aAAAA,QAAM;AAAA,EACtC,CAAC,EAAE,OAAO,aAAa,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAe,QAAsC;AACtG,WACE,6BAAAA,QAAA,cAAC,oBAAK,KAAU,OAAO,EAAE,SAAS,UAAU,GAAG,MAAM,GAAG,OAAM,UAAS,SAAQ,YAC7E,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,aAAAC;AAAA,QAChB,QAAQ;AAAA,UACN,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,OAAO;AAAA,YACP,SAAS;AAAA,YACT,GAAG;AAAA,UACL;AAAA,QACF;AAAA,QACA,aACE,eAAe,QAAQ,gBAAgB,KACrC,6BAAAD,QAAA,cAAC,UAAK,OAAO,oBAAkB,MAAI,IACjC,OAAO,gBAAgB,WACzB,6BAAAA,QAAA,cAAC,UAAK,OAAO,oBAAmB,WAAY,IAE5C;AAAA;AAAA,IAGN,CACF;AAAA,EAEJ;AACF;AAEA,0BAA0B,cAAc;AAExC,IAAO,gBAAQ;",
   "names": ["React", "EmptyImg"]
 }

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

@@ -0,0 +1,18 @@
+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 Line: FC<PageTypes>;
+export default Line;

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

@@ -0,0 +1,346 @@
+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/Area.tsx
+var Area_exports = {};
+__export(Area_exports, {
+  default: () => Area_default
+});
+module.exports = __toCommonJS(Area_exports);
+var import_antd = require("antd");
+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_hooks = require("./hooks");
+var import_index_module = __toESM(require("./index.module.less"));
+var import_utils = require("./utils");
+var Line = ({
+  count,
+  // 指标显示数量
+  metric,
+  // 指标
+  groupBys,
+  // 维度
+  tableData,
+  // 表格数据
+  baseData,
+  // 基础数据
+  columnConfigMap,
+  // 列配置
+  height
+}) => {
+  const { x = [], table_head = [], table_body = [], x_field, group_by } = tableData;
+  const chartContainerRef = (0, import_react.useRef)(null);
+  const chartInstanceRef = (0, import_react.useRef)(null);
+  const index = table_head.indexOf(x_field);
+  const isTotalData = x.length === 0 && index === -1;
+  const effectiveX = isTotalData ? ["合计"] : x;
+  const fullData = (0, import_react.useMemo)(() => {
+    if (!metric || metric.length === 0) {
+      return [];
+    }
+    if (group_by && group_by.length > 0) {
+      const validGroupBys = groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0);
+      const validGroupByKeys = validGroupBys.map((g) => g.key);
+      const metrics = (0, import_hooks.cartesianProduct)(metric, groupBys);
+      const chartData = [];
+      metrics.forEach((f) => {
+        const groupBysText = groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0).map((g) => f[g.key]).filter((value) => value !== null && value !== "").join("，");
+        const mItem = effectiveX.map((m) => {
+          const obj = {};
+          obj[x_field] = m;
+          groupBys.forEach((g) => {
+            obj[g.key] = f[g.key];
+          });
+          const matchKeys = isTotalData ? validGroupByKeys : [x_field, ...validGroupByKeys];
+          const value = matchKeys.length > 0 ? baseData.filter((d) => matchKeys.every((key) => obj[key] === d[key])).reduce((sum, d) => sum + (Number(d[f.category]) || 0), 0) : baseData.reduce((sum, d) => sum + (Number(d[f.category]) || 0), 0);
+          obj.value = value;
+          obj.name = `${f.category}${groupBysText ? "，" + groupBysText : ""}`;
+          obj.metricName = f.category;
+          obj.format = columnConfigMap[f.category];
+          obj.x = m;
+          return obj;
+        });
+        chartData.push(...mItem);
+      });
+      return chartData;
+    } else {
+      const chartData = [];
+      metric.forEach((m) => {
+        effectiveX.forEach((item) => {
+          if (isTotalData) {
+            const value = baseData.reduce((sum, d) => sum + (Number(d[m]) || 0), 0);
+            chartData.push({
+              x: item,
+              name: m,
+              metricName: m,
+              format: columnConfigMap[m],
+              value
+            });
+          } else {
+            const row = table_body.find((d) => d[index] === item);
+            const obj = {
+              x: item,
+              name: m,
+              metricName: m,
+              format: columnConfigMap[m]
+            };
+            table_head.forEach((key, i) => {
+              obj[key] = row ? row[i] : 0;
+            });
+            obj.value = obj[m];
+            chartData.push(obj);
+          }
+        });
+      });
+      return chartData;
+    }
+  }, [
+    baseData,
+    metric,
+    groupBys,
+    effectiveX,
+    isTotalData,
+    index,
+    x_field,
+    table_head,
+    table_body,
+    columnConfigMap,
+    group_by,
+    x
+  ]);
+  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 series = (0, import_react.useMemo)(() => {
+    const first = effectiveX[0];
+    const firstData = fullData.filter((f) => f[x_field] === first);
+    firstData.sort((a, b) => b.value - a.value);
+    const sortedMetric = Array.from(new Set(firstData.map((item) => item.name)));
+    const countMetric = (firstData.length > 0 ? count ? sortedMetric.slice(0, count) : sortedMetric : metric).slice().sort((a, b) => {
+      const lowerA = (0, import_hooks.getIntervalLower)(String(a));
+      const lowerB = (0, import_hooks.getIntervalLower)(String(b));
+      if (!Number.isNaN(lowerA) && !Number.isNaN(lowerB))
+        return lowerA - lowerB;
+      return String(a).localeCompare(String(b));
+    });
+    return countMetric.map((interval) => ({
+      name: interval,
+      type: "line",
+      smooth: true,
+      stack: "Total",
+      areaStyle: {},
+      showSymbol: true,
+      symbol: "emptyCircle",
+      symbolSize: 0.8,
+      lineStyle: {
+        width: 1.5
+      },
+      emphasis: {
+        scale: 8
+      },
+      data: effectiveX.map((item) => {
+        const itemData = fullData.find((d) => d.name === interval && d.x === item);
+        return itemData ? itemData.value : 0;
+      })
+    }));
+  }, [fullData, metric, count, effectiveX, x_field]);
+  const grid = {
+    top: 10,
+    left: 0,
+    right: 10,
+    bottom: 40,
+    containLabel: true
+  };
+  const legend = {
+    bottom: 0,
+    type: "scroll",
+    itemWidth: 13,
+    itemStyle: {
+      opacity: 0
+    },
+    lineStyle: {
+      width: 2,
+      type: "solid"
+    }
+  };
+  const xAxis = {
+    type: "category",
+    data: effectiveX,
+    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 === "percent") {
+          return new import_decimal.default(value).mul(100) + "%";
+        }
+        if (yAxisFormatter === "decimal") {
+          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 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 }, params.map((m) => {
+      const metricName = m.seriesName.split("，")[0];
+      const columnConfig = columnConfigMap[metricName];
+      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: import_index_module.default.point, 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: "line",
+      // 设置悬浮指针为线
+      lineStyle: {
+        color: "#EBEEF4",
+        // 设置线的颜色
+        type: "dashed"
+        // 设置虚线样式
+      }
+    },
+    formatter: tooltipFormatter
+  };
+  const chartOptions = (0, import_react.useMemo)(() => {
+    return {
+      color: import_constants.chartColors,
+      grid,
+      legend: {
+        ...legend,
+        itemWidth: 13,
+        itemStyle: {
+          opacity: 0
+        },
+        lineStyle: {
+          width: 2,
+          type: "solid"
+        }
+      },
+      xAxis,
+      yAxis,
+      series,
+      tooltip
+    };
+  }, [series]);
+  (0, import_react.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]);
+  (0, import_react.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();
+    };
+  }, [fullData]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, fullData.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 Area_default = Line;
+//# sourceMappingURL=Area.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/business/YkCharts/Area.tsx"],
+  "sourcesContent": ["import { Empty } from 'antd';\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 { cartesianProduct, getIntervalLower } from './hooks';\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 Line: FC<PageTypes> = ({\n  count, // 指标显示数量\n  metric, // 指标\n  groupBys, // 维度\n  tableData, // 表格数据\n  baseData, // 基础数据\n  columnConfigMap, // 列配置\n  height,\n}) => {\n  const { x = [], table_head = [], table_body = [], x_field, group_by } = tableData;\n  const chartContainerRef = useRef<HTMLDivElement | null>(null);\n  const chartInstanceRef = useRef<echarts.ECharts | null>(null);\n\n  // x 为空且 x_field 不在 table_head 中时判定为合计数据，x 轴只显示「合计」\n  const index = table_head.indexOf(x_field);\n  const isTotalData = x.length === 0 && index === -1;\n  const effectiveX = isTotalData ? ['合计'] : x;\n\n  const fullData = useMemo(() => {\n    if (!metric || metric.length === 0) {\n      return [];\n    }\n    // 存在维度时的数据处理\n    if (group_by && group_by.length > 0) {\n      // 如果存在已选维度为空，则不显示图表\n      // if (\n      //   Array.isArray(groupBys) &&\n      //   groupBys.some((g) => Array.isArray(g.selected) && g.selected.length === 0) &&\n      //   reportType !== 4 // 分布分析时，维度为空代表选了总体\n      // ) {\n      //   return [];\n      // }\n      // selected 有值时按该维度展开；selected 为空时代表全选，该维度做累计\n      const validGroupBys = groupBys.filter((g) => Array.isArray(g.selected) && g.selected.length > 0);\n      const validGroupByKeys = validGroupBys.map((g) => g.key);\n\n      const metrics = cartesianProduct(metric, groupBys);\n      const chartData: any[] = [];\n      metrics.forEach((f) => {\n        const groupBysText = groupBys\n          .filter((g) => Array.isArray(g.selected) && g.selected.length > 0)\n          .map((g) => f[g.key])\n          .filter((value) => value !== null && value !== '')\n          .join('，');\n\n        const mItem = effectiveX.map((m) => {\n          const obj: any = {};\n          obj[x_field] = m;\n          groupBys.forEach((g) => {\n            obj[g.key] = f[g.key];\n          });\n          // 合计数据：仅按有选中的维度匹配并求和；否则按 x + 有选中的维度匹配。selected 为空的维度不参与匹配，等价于该维度做累计（总体）\n          const matchKeys = isTotalData ? validGroupByKeys : [x_field, ...validGroupByKeys];\n          // 当 matchKeys 为空（全部维度都是总体 / 或合计数据且无选中维度）时，直接对全表该指标求和\n          const value =\n            matchKeys.length > 0\n              ? baseData\n                  .filter((d) => matchKeys.every((key) => obj[key] === d[key]))\n                  .reduce((sum, d) => sum + (Number(d[f.category]) || 0), 0)\n              : baseData.reduce((sum, d) => sum + (Number(d[f.category]) || 0), 0);\n\n          obj.value = value;\n          obj.name = `${f.category}${groupBysText ? '，' + groupBysText : ''}`;\n          obj.metricName = f.category;\n          obj.format = columnConfigMap[f.category];\n          obj.x = m;\n          return obj;\n        });\n        chartData.push(...mItem);\n      });\n      return chartData;\n    } else {\n      const chartData: any[] = [];\n      metric.forEach((m) => {\n        effectiveX.forEach((item) => {\n          if (isTotalData) {\n            const value = baseData.reduce((sum, d) => sum + (Number(d[m]) || 0), 0);\n            chartData.push({\n              x: item,\n              name: m,\n              metricName: m,\n              format: columnConfigMap[m],\n              value,\n            });\n          } else {\n            const row = table_body.find((d) => d[index] === item);\n            const obj: any = {\n              x: item,\n              name: m,\n              metricName: m,\n              format: columnConfigMap[m],\n            };\n            table_head.forEach((key, i) => {\n              obj[key] = row ? row[i] : 0;\n            });\n            obj.value = obj[m];\n            chartData.push(obj);\n          }\n        });\n      });\n      return chartData;\n    }\n  }, [\n    baseData,\n    metric,\n    groupBys,\n    effectiveX,\n    isTotalData,\n    index,\n    x_field,\n    table_head,\n    table_body,\n    columnConfigMap,\n    group_by,\n    x,\n  ]);\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    const first = effectiveX[0];\n    const firstData = fullData.filter((f) => f[x_field] === first);\n    firstData.sort((a, b) => (b.value as number) - (a.value as number));\n    const sortedMetric = Array.from(new Set(firstData.map((item: RowItem) => item.name)));\n    const countMetric = (firstData.length > 0 ? (count ? sortedMetric.slice(0, count) : sortedMetric) : metric)\n      .slice()\n      .sort((a, b) => {\n        const lowerA = getIntervalLower(String(a));\n        const lowerB = getIntervalLower(String(b));\n        if (!Number.isNaN(lowerA) && !Number.isNaN(lowerB)) return lowerA - lowerB;\n        return String(a).localeCompare(String(b));\n      });\n    return countMetric.map((interval) => ({\n      name: interval,\n      type: 'line',\n      smooth: true,\n      stack: 'Total',\n      areaStyle: {},\n      showSymbol: true,\n      symbol: 'emptyCircle',\n      symbolSize: 0.8,\n      lineStyle: {\n        width: 1.5,\n      },\n      emphasis: {\n        scale: 8,\n      },\n      data: effectiveX.map((item) => {\n        const itemData = fullData.find((d) => d.name === interval && d.x === item);\n        return itemData ? itemData.value : 0;\n      }),\n    }));\n  }, [fullData, metric, count, effectiveX, x_field]);\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    itemWidth: 13,\n    itemStyle: {\n      opacity: 0,\n    },\n    lineStyle: {\n      width: 2,\n      type: 'solid',\n    },\n  };\n  const xAxis = {\n    type: 'category',\n    data: effectiveX,\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        if (yAxisFormatter === 'percent') {\n          return new Decimal(value).mul(100) + '%';\n        }\n        if (yAxisFormatter === 'decimal') {\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 tooltipDom = (\n      <div className={styles.tooltip}>\n        <div className={styles.title}>{title}</div>\n        <div className={styles.content}>\n          {params.map((m: any) => {\n            const metricName = m.seriesName.split('，')[0];\n            const columnConfig = columnConfigMap[metricName];\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={styles.point} 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: 'line', // 设置悬浮指针为线\n      lineStyle: {\n        color: '#EBEEF4', // 设置线的颜色\n        type: 'dashed', // 设置虚线样式\n      },\n    },\n    formatter: tooltipFormatter,\n  };\n\n  // 图表配置\n  const chartOptions = useMemo(() => {\n    return {\n      color: chartColors,\n      grid,\n      legend: {\n        ...legend,\n        itemWidth: 13,\n        itemStyle: {\n          opacity: 0,\n        },\n        lineStyle: {\n          width: 2,\n          type: 'solid',\n        },\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  }, [fullData]);\n\n  return (\n    <>\n      {fullData.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 Line;\n"],
+  "mappings": "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",
+  "names": ["Decimal", "React", "styles", "ReactDOMServer"]
+}

package/dist/lib/business/YkCharts/Bar.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;