@ant-design/agentic-ui 2.0.0

package/dist/plugins/chart/ScatterChart/style.js

@@ -0,0 +1,93 @@
+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/plugins/chart/ScatterChart/style.ts
+import {
+  resetComponent,
+  useEditorStyleRegister
+} from "../../../hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [`${token.componentCls}-container`]: {
+      // 散点图容器样式
+      [`${token.componentCls}-chart-wrapper`]: {
+        width: "100%",
+        height: "calc(100% - 120px)",
+        // 减去头部和筛选器的高度
+        minHeight: "300px",
+        // 最小高度
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        overflow: "hidden"
+        // 防止内容溢出
+      },
+      // 确保图表不会超出容器边界
+      canvas: {
+        maxWidth: "100% !important",
+        maxHeight: "100% !important"
+      },
+      // 移动端响应式样式
+      "@media (max-width: 768px)": {
+        // 移动端优化
+        [`${token.componentCls}-chart-wrapper`]: {
+          height: "calc(100% - 100px)",
+          // 移动端减少更多空间
+          minHeight: "250px"
+          // 移动端最小高度
+        },
+        // 移动端图表标题样式优化
+        [`${token.componentCls}-chart-title`]: {
+          fontSize: "14px",
+          marginBottom: "8px",
+          textAlign: "center"
+        },
+        // 移动端筛选器样式优化
+        [`${token.componentCls}-chart-filter`]: {
+          flexWrap: "wrap",
+          gap: "8px",
+          marginBottom: "12px",
+          [`${token.componentCls}-filter-button`]: {
+            fontSize: "12px",
+            padding: "6px 12px"
+          }
+        }
+      },
+      // 超小屏幕优化 (375px以下)
+      "@media (max-width: 375px)": {
+        padding: "8px",
+        [`${token.componentCls}-chart-wrapper`]: {
+          minHeight: "220px"
+        }
+      }
+    }
+  };
+};
+function useStyle(prefixCls) {
+  return useEditorStyleRegister("ScatterChart", (token) => {
+    const scatterChartToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${prefixCls}`
+    });
+    return [resetComponent(scatterChartToken), genStyle(scatterChartToken)];
+  });
+}
+export {
+  useStyle
+};

package/dist/plugins/chart/components/ChartContainer/ChartContainer.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+export interface ChartContainerProps {
+    /** 自定义CSS类名 */
+    className?: string;
+    /** 样式对象 */
+    style?: React.CSSProperties;
+    /** 图表主题 */
+    theme?: 'light' | 'dark';
+    /** 是否为移动端 */
+    isMobile?: boolean;
+    /** 图表变体 */
+    variant?: 'outline' | 'borderless';
+    /** 错误边界配置 */
+    errorBoundary?: {
+        /** 是否启用错误边界 */
+        enabled?: boolean;
+        /** 错误时的回退UI */
+        fallback?: React.ReactNode;
+        /** 错误回调函数 */
+        onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+    };
+}
+export interface ChartContainerRef {
+    hashId: string;
+}
+/**
+ * ChartContainer 组件 - 图表容器组件
+ *
+ * 该组件用于统一管理图表组件的 className 逻辑，包括 baseClassName、hashId 和自定义 className 的组合。
+ * 提供一致的样式管理、SSR 支持和错误边界保护。
+ *
+ * @component
+ * @description 图表容器组件，统一管理图表组件的样式类名和错误处理
+ * @param {ChartContainerProps} props - 组件属性
+ * @param {string} props.baseClassName - 基础类名
+ * @param {string} [props.className] - 自定义CSS类名
+ * @param {React.ReactNode} props.children - 子元素
+ * @param {React.CSSProperties} [props.style] - 样式对象
+ * @param {'light' | 'dark'} [props.theme='light'] - 图表主题
+ * @param {boolean} [props.isMobile=false] - 是否为移动端
+ * @param {object} [props.errorBoundary] - 错误边界配置
+ * @param {boolean} [props.errorBoundary.enabled=true] - 是否启用错误边界
+ * @param {React.ReactNode} [props.errorBoundary.fallback] - 错误时的回退UI
+ * @param {function} [props.errorBoundary.onError] - 错误回调函数
+ * @param {boolean} [props.errorBoundary.showError] - 是否显示错误详情
+ *
+ * @example
+ * ```tsx
+ * // 基础使用
+ * <ChartContainer
+ *   baseClassName="area-chart-container"
+ *   className="custom-chart"
+ *   theme="light"
+ *   isMobile={false}
+ *   style={{ width: 600, height: 400 }}
+ * >
+ *   <div>图表内容</div>
+ * </ChartContainer>
+ *
+ * // 自定义错误边界
+ * <ChartContainer
+ *   baseClassName="line-chart-container"
+ *   errorBoundary={{
+ *     enabled: true,
+ *     fallback: <div>自定义错误提示</div>,
+ *     onError: (error, errorInfo) => {
+ *       console.error('图表错误:', error);
+ *       // 上报错误到监控系统
+ *     },
+ *     showError: true
+ *   }}
+ * >
+ *   <MyChart />
+ * </ChartContainer>
+ *
+ * // 禁用错误边界
+ * <ChartContainer
+ *   baseClassName="pie-chart-container"
+ *   errorBoundary={{ enabled: false }}
+ * >
+ *   <PieChart />
+ * </ChartContainer>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的图表容器组件
+ *
+ * @remarks
+ * - 自动处理 baseClassName、hashId 和自定义 className 的组合
+ * - 提供 SSR 支持
+ * - 支持样式隔离
+ * - 统一的样式管理
+ * - 内置错误边界保护，防止图表错误影响整个应用
+ * - 错误边界默认启用，可通过配置禁用或自定义
+ */
+declare const ChartContainer: React.FC<ChartContainerProps & {
+    baseClassName: string;
+    /** 子元素 */
+    children: React.ReactNode;
+    role?: string;
+}>;
+export default ChartContainer;

package/dist/plugins/chart/components/ChartContainer/ChartContainer.js

@@ -0,0 +1,87 @@
+var __defProp = Object.defineProperty;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/plugins/chart/components/ChartContainer/ChartContainer.tsx
+import classNames from "classnames";
+import React from "react";
+import ChartErrorBoundary from "./ChartErrorBoundary";
+import { useStyle } from "./style";
+var ChartContainer = (_a) => {
+  var _b = _a, {
+    baseClassName,
+    className,
+    children,
+    style,
+    theme = "light",
+    variant = "default",
+    isMobile = false,
+    errorBoundary = { enabled: true }
+  } = _b, restProps = __objRest(_b, [
+    "baseClassName",
+    "className",
+    "children",
+    "style",
+    "theme",
+    "variant",
+    "isMobile",
+    "errorBoundary"
+  ]);
+  const { wrapSSR, hashId } = useStyle(baseClassName);
+  const combinedClassName = classNames(
+    baseClassName,
+    hashId,
+    {
+      [`${baseClassName}-light-theme`]: theme === "light",
+      [`${baseClassName}-dark-theme`]: theme === "dark",
+      [`${baseClassName}-mobile`]: isMobile,
+      [`${baseClassName}-desktop`]: !isMobile,
+      [`${baseClassName}-outline`]: variant === "outline",
+      [`${baseClassName}-borderless`]: variant === "borderless"
+    },
+    className
+  );
+  const containerContent = /* @__PURE__ */ React.createElement("div", __spreadValues({ className: combinedClassName, style }, restProps), children);
+  if ((errorBoundary == null ? void 0 : errorBoundary.enabled) !== false) {
+    return wrapSSR(
+      /* @__PURE__ */ React.createElement(
+        ChartErrorBoundary,
+        {
+          fallback: errorBoundary == null ? void 0 : errorBoundary.fallback,
+          onError: errorBoundary == null ? void 0 : errorBoundary.onError
+        },
+        containerContent
+      )
+    );
+  }
+  return wrapSSR(containerContent);
+};
+var ChartContainer_default = ChartContainer;
+export {
+  ChartContainer_default as default
+};

package/dist/plugins/chart/components/ChartContainer/ChartErrorBoundary.d.ts

@@ -0,0 +1,47 @@
+import React, { ErrorInfo, ReactNode } from 'react';
+export interface ChartErrorBoundaryProps {
+    /** 子元素 */
+    children: ReactNode;
+    /** 错误时的回退UI */
+    fallback?: ReactNode;
+    /** 错误回调函数 */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+export interface ChartErrorBoundaryState {
+    hasError: boolean;
+}
+/**
+ * ChartErrorBoundary 组件 - 图表错误边界组件
+ *
+ * 该组件用于捕获图表组件渲染过程中的JavaScript错误，
+ * 防止错误传播到整个应用程序，并提供友好的错误提示界面。
+ *
+ * @component
+ * @description 图表错误边界组件，用于错误处理和恢复
+ * @param {ChartErrorBoundaryProps} props - 组件属性
+ * @param {ReactNode} props.children - 子元素
+ * @param {ReactNode} [props.fallback] - 错误时的回退UI
+ * @param {function} [props.onError] - 错误回调函数
+ * @param {boolean} [props.showError=false] - 是否显示错误详情
+ * @param {string} [props.className] - 自定义CSS类名
+ *
+ * @example
+ * ```tsx
+ * <ChartErrorBoundary
+ *   fallback={<div>图表加载失败</div>}
+ *   onError={(error, errorInfo) => console.error('Chart error:', error)}
+ *   showError={process.env.NODE_ENV === 'development'}
+ * >
+ *   <MyChart />
+ * </ChartErrorBoundary>
+ * ```
+ *
+ * @returns {React.ReactElement} 渲染的错误边界组件
+ */
+declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps, ChartErrorBoundaryState> {
+    constructor(props: ChartErrorBoundaryProps);
+    static getDerivedStateFromError(_error: Error): Partial<ChartErrorBoundaryState>;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): ReactNode;
+}
+export default ChartErrorBoundary;

package/dist/plugins/chart/components/ChartContainer/ChartErrorBoundary.js

@@ -0,0 +1,46 @@
+// src/plugins/chart/components/ChartContainer/ChartErrorBoundary.tsx
+import { Result } from "antd";
+import React from "react";
+var ChartErrorBoundary = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError(_error) {
+    return {
+      hasError: true
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    if (this.props.onError) {
+      this.props.onError(error, errorInfo);
+    }
+    if (true) {
+      console.error("ChartErrorBoundary caught an error:", error, errorInfo);
+    }
+  }
+  render() {
+    const { hasError } = this.state;
+    const { children, fallback } = this.props;
+    if (hasError) {
+      if (fallback) {
+        return fallback;
+      }
+      return /* @__PURE__ */ React.createElement(
+        Result,
+        {
+          status: "error",
+          title: "图表渲染失败",
+          subTitle: "图表组件遇到了一个错误，请稍后重试"
+        }
+      );
+    }
+    return children;
+  }
+};
+var ChartErrorBoundary_default = ChartErrorBoundary;
+export {
+  ChartErrorBoundary_default as default
+};

package/dist/plugins/chart/components/ChartContainer/ChartErrorBoundaryExample.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+/**
+ * 错误边界使用示例 - 使用 antd Result 组件的简洁版本
+ */
+export declare const ChartErrorBoundaryExample: React.FC;
+export default ChartErrorBoundaryExample;

package/dist/plugins/chart/components/ChartContainer/ChartErrorBoundaryExample.js

@@ -0,0 +1,70 @@
+// src/plugins/chart/components/ChartContainer/ChartErrorBoundaryExample.tsx
+import { Button, Result } from "antd";
+import React from "react";
+import ChartContainer from "./ChartContainer";
+var ErrorChart = () => {
+  throw new Error("模拟图表渲染错误");
+  return /* @__PURE__ */ React.createElement("div", null, "这个组件永远不会渲染");
+};
+var NormalChart = () => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        height: "200px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    },
+    /* @__PURE__ */ React.createElement("div", null, "正常的图表内容")
+  );
+};
+var ChartErrorBoundaryExample = () => {
+  return /* @__PURE__ */ React.createElement("div", { style: { padding: "20px" } }, /* @__PURE__ */ React.createElement("h2", null, "图表错误边界示例（antd Result 简洁版）"), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "32px" } }, /* @__PURE__ */ React.createElement("h3", null, "1. 基础错误边界（antd Result 组件）"), /* @__PURE__ */ React.createElement(ChartContainer, { baseClassName: "error-demo-chart" }, /* @__PURE__ */ React.createElement(ErrorChart, null))), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "32px" } }, /* @__PURE__ */ React.createElement("h3", null, "2. 自定义错误UI"), /* @__PURE__ */ React.createElement(
+    ChartContainer,
+    {
+      baseClassName: "custom-error-chart",
+      errorBoundary: {
+        enabled: true,
+        fallback: /* @__PURE__ */ React.createElement(
+          Result,
+          {
+            status: "warning",
+            title: "自定义错误提示",
+            subTitle: "这是一个自定义的错误界面",
+            extra: /* @__PURE__ */ React.createElement(Button, { type: "primary" }, "返回")
+          }
+        ),
+        onError: (error, errorInfo) => {
+          console.error("自定义错误处理:", error, errorInfo);
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(ErrorChart, null)
+  )), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "32px" } }, /* @__PURE__ */ React.createElement("h3", null, "3. 显示错误详情（开发模式）"), /* @__PURE__ */ React.createElement(
+    ChartContainer,
+    {
+      baseClassName: "debug-error-chart",
+      errorBoundary: {
+        enabled: true,
+        onError: (error, errorInfo) => {
+          console.error("调试模式错误:", error, errorInfo);
+        }
+      }
+    },
+    /* @__PURE__ */ React.createElement(ErrorChart, null)
+  )), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "32px" } }, /* @__PURE__ */ React.createElement("h3", null, "4. 正常工作的图表"), /* @__PURE__ */ React.createElement(ChartContainer, { baseClassName: "normal-chart" }, /* @__PURE__ */ React.createElement(NormalChart, null))), /* @__PURE__ */ React.createElement("div", { style: { marginBottom: "32px" } }, /* @__PURE__ */ React.createElement("h3", null, "5. 禁用错误边界"), /* @__PURE__ */ React.createElement("p", { style: { color: "#ff4d4f", fontSize: "14px", marginBottom: "16px" } }, "注意：禁用错误边界可能导致整个应用崩溃，一般不推荐"), /* @__PURE__ */ React.createElement(
+    ChartContainer,
+    {
+      baseClassName: "no-boundary-chart",
+      errorBoundary: { enabled: false }
+    },
+    /* @__PURE__ */ React.createElement(NormalChart, null)
+  )));
+};
+var ChartErrorBoundaryExample_default = ChartErrorBoundaryExample;
+export {
+  ChartErrorBoundaryExample,
+  ChartErrorBoundaryExample_default as default
+};

package/dist/plugins/chart/components/ChartContainer/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ChartContainer } from './ChartContainer';
+export type { ChartContainerProps } from './ChartContainer';
+export { default as ChartErrorBoundary } from './ChartErrorBoundary';
+export type { ChartErrorBoundaryProps } from './ChartErrorBoundary';

package/dist/plugins/chart/components/ChartContainer/index.js

@@ -0,0 +1,7 @@
+// src/plugins/chart/components/ChartContainer/index.ts
+import { default as default2 } from "./ChartContainer";
+import { default as default3 } from "./ChartErrorBoundary";
+export {
+  default2 as ChartContainer,
+  default3 as ChartErrorBoundary
+};

package/dist/plugins/chart/components/ChartContainer/style.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * 样式钩子
+ * @param baseClassName 基础类名
+ * @returns 样式相关对象
+ */
+export declare const useStyle: (baseClassName: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};

package/dist/plugins/chart/components/ChartContainer/style.js

@@ -0,0 +1,90 @@
+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/plugins/chart/components/ChartContainer/style.ts
+import {
+  useEditorStyleRegister
+} from "../../../../hooks/useStyle";
+var genStyle = (token) => {
+  return {
+    [token.componentCls]: {
+      // 图表容器基础样式
+      position: "relative",
+      boxSizing: "border-box",
+      display: "flex",
+      flexDirection: "column",
+      // 响应式边框样式
+      borderRadius: "6px",
+      padding: "12px",
+      // 浅色主题边框
+      "&&-light-theme": {
+        border: "1px solid #e8e8e8",
+        backgroundColor: "#fff"
+      },
+      // 深色主题无边框
+      "&&-dark-theme": {
+        border: "none",
+        backgroundColor: "#1a1a1a"
+      },
+      // 移动端适配
+      "&&-mobile": {
+        borderRadius: "6px",
+        padding: "12px",
+        margin: "0 auto",
+        maxWidth: "100%"
+      },
+      // 桌面端适配
+      "&&-desktop": {
+        borderRadius: "8px",
+        padding: "16px",
+        margin: "initial",
+        maxWidth: "none"
+      },
+      "&&-borderless": {
+        border: "none!important",
+        padding: 0
+      },
+      // 错误边界容器样式（简化版，使用 antd Result 组件）
+      "&&-error-boundary": {
+        // antd Result 组件已经有完善的样式，这里只需要基础容器样式
+        minHeight: "200px"
+      },
+      // 统计数据容器样式
+      ".chart-statistic-container": {
+        display: "flex",
+        gap: "16px",
+        marginBottom: "16px",
+        flexWrap: "wrap",
+        alignItems: "flex-start"
+      }
+    }
+  };
+};
+var useStyle = (baseClassName) => {
+  return useEditorStyleRegister("Chart-Container" + baseClassName, (token) => {
+    const containerToken = __spreadProps(__spreadValues({}, token), {
+      componentCls: `.${baseClassName}`
+    });
+    return [genStyle(containerToken)];
+  });
+};
+export {
+  useStyle
+};

package/dist/plugins/chart/components/ChartFilter/ChartFilter.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface FilterOption {
+    label: string;
+    value: string;
+}
+export interface RegionOption {
+    key: string;
+    label: string;
+}
+export interface ChartFilterProps {
+    filterOptions?: FilterOption[];
+    selectedFilter?: string;
+    onFilterChange?: (value: string) => void;
+    customOptions?: RegionOption[];
+    selectedCustomSelection?: string;
+    onSelectionChange?: (region: string) => void;
+    className?: string;
+    theme?: 'light' | 'dark';
+}
+declare const ChartFilter: React.FC<ChartFilterProps>;
+export default ChartFilter;