@ant-design/agentic-ui 2.7.1 → 2.9.0

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

@@ -1,70 +1,88 @@
-// 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 ErrorChart = function() {
+    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 NormalChart = function() {
+    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);
+/**
+ * 错误边界使用示例 - 使用 antd Result 组件的简洁版本
+ */ export var ChartErrorBoundaryExample = function() {
+    return /*#__PURE__*/ React.createElement("div", {
+        style: {
+            padding: '20px'
         }
-      }
-    },
-    /* @__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("h2", null, "图表错误边界示例（antd Result 简洁版）"), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            marginBottom: '32px'
         }
-      }
-    },
-    /* @__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
+    }, /*#__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: function(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: function(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))));
 };
+export default ChartErrorBoundaryExample;

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

@@ -1,7 +1,2 @@
-// 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
-};
+export { default as ChartContainer } from "./ChartContainer";
+export { default as ChartErrorBoundary } from "./ChartErrorBoundary";

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

@@ -1,96 +1,126 @@
-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]);
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  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"
-      },
-      // 统计数据容器样式
-      "&-statistic-container": {
-        display: "flex",
-        gap: "16px",
-        marginBottom: "16px",
-        flexWrap: "wrap",
-        alignItems: "flex-start"
-      },
-      // 图表包装器样式
-      "&-wrapper": {
-        position: "relative",
-        width: "100%",
-        height: "100%"
-      }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
     }
-  };
-};
-var useStyle = (baseClassName) => {
-  return useEditorStyleRegister("Chart-Container" + baseClassName, (token) => {
-    const containerToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${baseClassName}`
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { useEditorStyleRegister } from "../../../../Hooks/useStyle";
+var genStyle = function(token) {
+    return _define_property({}, 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'
+        },
+        // 统计数据容器样式
+        '&-statistic-container': {
+            display: 'flex',
+            gap: '16px',
+            marginBottom: '16px',
+            flexWrap: 'wrap',
+            alignItems: 'flex-start'
+        },
+        // 图表包装器样式
+        '&-wrapper': {
+            position: 'relative',
+            width: '100%',
+            height: '100%'
+        }
     });
-    return [genStyle(containerToken)];
-  });
 };
-export {
-  useStyle
+/**
+ * 样式钩子
+ * @param baseClassName 基础类名
+ * @returns 样式相关对象
+ */ export var useStyle = function(baseClassName) {
+    return useEditorStyleRegister('Chart-Container' + baseClassName, function(token) {
+        var containerToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(baseClassName)
+        });
+        return [
+            genStyle(containerToken)
+        ];
+    });
 };

package/dist/Plugins/chart/components/ChartFilter/ChartFilter.js

@@ -1,101 +1,69 @@
-// src/Plugins/chart/components/ChartFilter/ChartFilter.tsx
 import { ChevronDown } from "@sofa-design/icons";
 import { Button, ConfigProvider, Dropdown, Segmented } from "antd";
 import classNames from "classnames";
 import { default as React, useContext } from "react";
 import { I18nContext } from "../../../../I18n";
 import { useStyle } from "./style";
-var ChartFilter = ({
-  filterOptions,
-  selectedFilter,
-  onFilterChange,
-  customOptions,
-  selectedCustomSelection,
-  onSelectionChange,
-  className = "",
-  theme = "light",
-  variant = "default"
-}) => {
-  var _a, _b;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const i18n = useContext(I18nContext);
-  const prefixCls = getPrefixCls("chart-filter");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const handleRegionChange = (region) => {
-    if (onSelectionChange) {
-      onSelectionChange(region);
+var ChartFilter = function(param) {
+    var filterOptions = param.filterOptions, selectedFilter = param.selectedFilter, onFilterChange = param.onFilterChange, customOptions = param.customOptions, selectedCustomSelection = param.selectedCustomSelection, onSelectionChange = param.onSelectionChange, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, _param_variant = param.variant, variant = _param_variant === void 0 ? 'default' : _param_variant;
+    var _customOptions_find, _i18n_locale;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var i18n = useContext(I18nContext);
+    var prefixCls = getPrefixCls('chart-filter');
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var handleRegionChange = function(region) {
+        if (onSelectionChange) {
+            onSelectionChange(region);
+        }
+    };
+    var hasMain = Array.isArray(filterOptions) && filterOptions.length > 1;
+    var hasSecondary = Array.isArray(customOptions) && customOptions.length > 1;
+    if (!hasMain && !hasSecondary) {
+        return null;
+    }
+    if (!filterOptions || filterOptions.length < 2) {
+        return null;
     }
-  };
-  const hasMain = Array.isArray(filterOptions) && filterOptions.length > 1;
-  const hasSecondary = Array.isArray(customOptions) && customOptions.length > 1;
-  if (!hasMain && !hasSecondary) {
-    return null;
-  }
-  if (!filterOptions || filterOptions.length < 2) {
-    return null;
-  }
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(
-          prefixCls,
-          `${prefixCls}-${theme}`,
-          `${prefixCls}-${variant}`,
-          hashId,
-          className
-        )
-      },
-      customOptions && customOptions.length > 1 && /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-region-filter`, hashId) }, /* @__PURE__ */ React.createElement(
-        Dropdown,
-        {
-          menu: {
-            items: customOptions.map((item) => {
-              return {
-                key: item.key,
-                label: item.label,
-                disabled: item.key === selectedCustomSelection
-              };
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames(prefixCls, "".concat(prefixCls, "-").concat(theme), "".concat(prefixCls, "-").concat(variant), hashId, className)
+    }, customOptions && customOptions.length > 1 && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-region-filter"), hashId)
+    }, /*#__PURE__*/ React.createElement(Dropdown, {
+        menu: {
+            items: customOptions.map(function(item) {
+                return {
+                    key: item.key,
+                    label: item.label,
+                    disabled: item.key === selectedCustomSelection
+                };
             }),
-            onClick: ({ key }) => handleRegionChange(key)
-          },
-          trigger: ["click"],
-          getPopupContainer: () => document.body
-        },
-        /* @__PURE__ */ React.createElement(
-          Button,
-          {
-            type: "default",
-            size: "small",
-            className: classNames(`${prefixCls}-region-dropdown-btn`, hashId)
-          },
-          /* @__PURE__ */ React.createElement("span", null, ((_a = customOptions.find((r) => r.key === selectedCustomSelection)) == null ? void 0 : _a.label) || ((_b = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _b.all) || "全部"),
-          /* @__PURE__ */ React.createElement(
-            ChevronDown,
-            {
-              className: classNames(`${prefixCls}-dropdown-icon`, hashId)
+            onClick: function(param) {
+                var key = param.key;
+                return handleRegionChange(key);
             }
-          )
-        )
-      )),
-      filterOptions && filterOptions.length > 1 && /* @__PURE__ */ React.createElement(
-        Segmented,
-        {
-          options: filterOptions || [],
-          value: selectedFilter,
-          size: "small",
-          className: classNames(
-            `${prefixCls}-segmented-filter`,
-            "custom-segmented",
-            hashId
-          ),
-          onChange: (value) => onFilterChange == null ? void 0 : onFilterChange(value)
+        },
+        trigger: [
+            'click'
+        ],
+        getPopupContainer: function() {
+            return document.body;
         }
-      )
-    )
-  );
-};
-var ChartFilter_default = ChartFilter;
-export {
-  ChartFilter_default as default
+    }, /*#__PURE__*/ React.createElement(Button, {
+        type: "default",
+        size: "small",
+        className: classNames("".concat(prefixCls, "-region-dropdown-btn"), hashId)
+    }, /*#__PURE__*/ React.createElement("span", null, ((_customOptions_find = customOptions.find(function(r) {
+        return r.key === selectedCustomSelection;
+    })) === null || _customOptions_find === void 0 ? void 0 : _customOptions_find.label) || (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.all) || '全部'), /*#__PURE__*/ React.createElement(ChevronDown, {
+        className: classNames("".concat(prefixCls, "-dropdown-icon"), hashId)
+    })))), filterOptions && filterOptions.length > 1 && /*#__PURE__*/ React.createElement(Segmented, {
+        options: filterOptions || [],
+        value: selectedFilter,
+        size: "small",
+        className: classNames("".concat(prefixCls, "-segmented-filter"), 'custom-segmented', hashId),
+        onChange: function(value) {
+            return onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange(value);
+        }
+    })));
 };
+export default ChartFilter;