@ant-design/agentic-ui 2.30.2 → 2.30.3

package/dist/Plugins/chart/BoxPlotChart/style.js

@@ -0,0 +1,118 @@
+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 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]);
+        });
+    }
+    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 genStyle(token) {
+    return _define_property({}, token.componentCls, {
+        // 统计数据容器样式
+        '&-statistic-container': {
+            display: 'flex',
+            gap: '16px',
+            marginBottom: '16px',
+            flexWrap: 'wrap',
+            alignItems: 'flex-start'
+        },
+        // 箱线图容器样式
+        '.chart-wrapper': {
+            width: '100%',
+            height: 'calc(100% - 120px)',
+            minHeight: 300,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            overflow: 'hidden'
+        },
+        // 确保图表不会超出容器边界
+        canvas: {
+            maxWidth: '100% !important',
+            maxHeight: '100% !important'
+        },
+        // 移动端响应式样式
+        '@media (max-width: 768px)': {
+            '.chart-wrapper': {
+                height: 'calc(100% - 100px)',
+                minHeight: 250
+            },
+            '.chart-title': {
+                fontSize: 14,
+                marginBottom: 8,
+                textAlign: 'center'
+            },
+            '.chart-filter': {
+                flexWrap: 'wrap',
+                gap: 8,
+                marginBottom: 12,
+                '.filter-button': {
+                    fontSize: 12,
+                    padding: '6px 12px'
+                }
+            }
+        },
+        // 超小屏幕优化 (375px以下)
+        '@media (max-width: 375px)': {
+            padding: 8,
+            '.chart-wrapper': {
+                minHeight: 220
+            }
+        }
+    });
+};
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('BoxPlotChart', function(token) {
+        var boxPlotToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(boxPlotToken)
+        ];
+    });
+}

package/dist/Plugins/chart/ChartAttrToolBar/index.js

@@ -1,6 +1,7 @@
 import { DeleteOutlined } from "@ant-design/icons";
 import { ConfigProvider, Tooltip } from "antd";
 import React, { useContext, useRef } from "react";
+import clsx from "clsx";
 import { Transforms } from "slate";
 import { ReactEditor } from "slate-react";
 import { I18nContext } from "../../../I18n";
@@ -69,10 +70,7 @@ import { useStyle } from "./ChartAttrToolBarStyle";
     var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls("chart-attr-toolbar");
     var _useStyle = useStyle(baseClassName), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
-        className: [
-            baseClassName,
-            hashId
-        ].filter(Boolean).join(' '),
+        className: clsx(baseClassName, hashId),
         style: {
             width: 'auto'
         },
@@ -94,10 +92,7 @@ import { useStyle } from "./ChartAttrToolBarStyle";
         if (!item.title) {
             return /*#__PURE__*/ React.createElement("div", {
                 key: index,
-                className: [
-                    "".concat(baseClassName, "-item"),
-                    hashId
-                ].filter(Boolean).join(' '),
+                className: clsx("".concat(baseClassName, "-item"), hashId),
                 onClick: item.onClick,
                 style: item.style
             }, item.icon);
@@ -107,20 +102,14 @@ import { useStyle } from "./ChartAttrToolBarStyle";
             key: index,
             title: item.title
         }, /*#__PURE__*/ React.createElement("div", {
-            className: [
-                "".concat(baseClassName, "-item"),
-                hashId
-            ].filter(Boolean).join(' '),
+            className: clsx("".concat(baseClassName, "-item"), hashId),
             onClick: item.onClick
         }, item.icon));
     }), readonly ? null : /*#__PURE__*/ React.createElement(Tooltip, {
         mouseEnterDelay: 0.3,
         title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.delete) || '删除'
     }, /*#__PURE__*/ React.createElement("div", {
-        className: [
-            "".concat(baseClassName, "-item"),
-            hashId
-        ].filter(Boolean).join(' ')
+        className: clsx("".concat(baseClassName, "-item"), hashId)
     }, /*#__PURE__*/ React.createElement(DeleteOutlined, {
         onClick: remove
     })))));

package/dist/Plugins/chart/ChartMark/Area.d.ts

@@ -1,3 +1,4 @@
+import { Chart as ChartJS } from 'chart.js';
 import React from 'react';
 import { ChartProps } from './useChart';
-export declare const Area: React.FC<ChartProps>;
+export declare const Area: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<ChartJS<keyof import("chart.js").ChartTypeRegistry, (number | number[] | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | (Partial<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot> & Pick<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot, "min" | "max" | "median" | "q1" | "q3">) | (Partial<import("@sgratzl/chartjs-chart-boxplot").IViolin> & Pick<import("@sgratzl/chartjs-chart-boxplot").IViolin, "median" | "coords">) | null)[], unknown>>>;

package/dist/Plugins/chart/ChartMark/Area.js

@@ -24,12 +24,12 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { CategoryScale, Chart as ChartJS, Filler, Legend, LinearScale, LineElement, PointElement, Title, Tooltip } from "chart.js";
-import React, { useImperativeHandle, useRef } from "react";
+import React, { forwardRef, useImperativeHandle, useRef } from "react";
 import { Line } from "react-chartjs-2";
 import { isWindowDefined } from "../env";
 import { Container } from "./Container";
 var chartMarkAreaRegistered = false;
-export var Area = function Area(props) {
+export var Area = /*#__PURE__*/ forwardRef(function(props, ref) {
     React.useMemo(function() {
         if (chartMarkAreaRegistered) {
             return undefined;
@@ -44,7 +44,7 @@ export var Area = function Area(props) {
     var chartRef = React.useRef(undefined);
     var htmlRef = useRef(null);
     var lineChartRef = useRef(null);
-    useImperativeHandle(props.chartRef, function() {
+    useImperativeHandle(ref, function() {
         return chartRef.current;
     }, [
         chartRef.current
@@ -182,4 +182,5 @@ export var Area = function Area(props) {
         data: chartData,
         options: options
     }));
-};
+});
+Area.displayName = 'Area';

package/dist/Plugins/chart/ChartMark/Bar.d.ts

@@ -1,3 +1,4 @@
+import { Chart as ChartJS } from 'chart.js';
 import React from 'react';
 import { ChartProps } from './useChart';
-export declare const Bar: React.FC<ChartProps>;
+export declare const Bar: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<ChartJS<keyof import("chart.js").ChartTypeRegistry, (number | number[] | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | (Partial<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot> & Pick<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot, "min" | "max" | "median" | "q1" | "q3">) | (Partial<import("@sgratzl/chartjs-chart-boxplot").IViolin> & Pick<import("@sgratzl/chartjs-chart-boxplot").IViolin, "median" | "coords">) | null)[], unknown>>>;

package/dist/Plugins/chart/ChartMark/Bar.js

@@ -24,13 +24,13 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { BarElement, CategoryScale, Chart as ChartJS, Legend, LinearScale, Title, Tooltip } from "chart.js";
-import React, { useImperativeHandle, useRef } from "react";
+import React, { forwardRef, useImperativeHandle, useRef } from "react";
 import { Bar as ChartBar } from "react-chartjs-2";
 import { isWindowDefined } from "../env";
 import { stringFormatNumber } from "../utils";
 import { Container } from "./Container";
 var chartMarkBarRegistered = false;
-export var Bar = function Bar(props) {
+export var Bar = /*#__PURE__*/ forwardRef(function(props, ref) {
     React.useMemo(function() {
         if (chartMarkBarRegistered) {
             return undefined;
@@ -45,7 +45,7 @@ export var Bar = function Bar(props) {
     var chartRef = React.useRef(undefined);
     var htmlRef = useRef(null);
     var barChartRef = useRef(null);
-    useImperativeHandle(props.chartRef, function() {
+    useImperativeHandle(ref, function() {
         return chartRef.current;
     }, [
         chartRef.current
@@ -189,4 +189,5 @@ export var Bar = function Bar(props) {
         data: chartData,
         options: options
     }));
-};
+});
+Bar.displayName = 'Bar';

package/dist/Plugins/chart/ChartMark/Column.d.ts

@@ -1,3 +1,4 @@
+import { Chart as ChartJS } from 'chart.js';
 import React from 'react';
 import { ChartProps } from './useChart';
-export declare const Column: React.FC<ChartProps>;
+export declare const Column: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<ChartJS<keyof import("chart.js").ChartTypeRegistry, (number | number[] | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | (Partial<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot> & Pick<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot, "min" | "max" | "median" | "q1" | "q3">) | (Partial<import("@sgratzl/chartjs-chart-boxplot").IViolin> & Pick<import("@sgratzl/chartjs-chart-boxplot").IViolin, "median" | "coords">) | null)[], unknown>>>;

package/dist/Plugins/chart/ChartMark/Column.js

@@ -24,13 +24,13 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { BarElement, CategoryScale, Chart as ChartJS, Legend, LinearScale, Title, Tooltip } from "chart.js";
-import React, { useImperativeHandle, useRef } from "react";
+import React, { forwardRef, useImperativeHandle, useRef } from "react";
 import { Bar as ChartBar } from "react-chartjs-2";
 import { isWindowDefined } from "../env";
 import { stringFormatNumber } from "../utils";
 import { Container } from "./Container";
 var chartMarkColumnRegistered = false;
-export var Column = function Column(props) {
+export var Column = /*#__PURE__*/ forwardRef(function(props, ref) {
     React.useMemo(function() {
         if (chartMarkColumnRegistered) {
             return undefined;
@@ -45,7 +45,7 @@ export var Column = function Column(props) {
     var chartRef = React.useRef(undefined);
     var htmlRef = useRef(null);
     var barChartRef = useRef(null);
-    useImperativeHandle(props.chartRef, function() {
+    useImperativeHandle(ref, function() {
         return chartRef.current;
     }, [
         chartRef.current
@@ -189,4 +189,5 @@ export var Column = function Column(props) {
         data: chartData,
         options: options
     }));
-};
+});
+Column.displayName = 'Column';

package/dist/Plugins/chart/ChartMark/Line.d.ts

@@ -1,3 +1,4 @@
+import { Chart as ChartJS } from 'chart.js';
 import React from 'react';
 import { ChartProps } from './useChart';
-export declare const Line: React.FC<ChartProps>;
+export declare const Line: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<ChartJS<keyof import("chart.js").ChartTypeRegistry, (number | number[] | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | (Partial<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot> & Pick<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot, "min" | "max" | "median" | "q1" | "q3">) | (Partial<import("@sgratzl/chartjs-chart-boxplot").IViolin> & Pick<import("@sgratzl/chartjs-chart-boxplot").IViolin, "median" | "coords">) | null)[], unknown>>>;

package/dist/Plugins/chart/ChartMark/Line.js

@@ -24,13 +24,13 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 import { CategoryScale, Chart as ChartJS, Legend, LinearScale, LineElement, PointElement, Title, Tooltip } from "chart.js";
-import React, { useImperativeHandle, useRef } from "react";
+import React, { forwardRef, useImperativeHandle, useRef } from "react";
 import { Line as ChartLine } from "react-chartjs-2";
 import { isWindowDefined } from "../env";
 import { stringFormatNumber } from "../utils";
 import { Container } from "./Container";
 var chartMarkLineRegistered = false;
-export var Line = function Line(props) {
+export var Line = /*#__PURE__*/ forwardRef(function(props, ref) {
     React.useMemo(function() {
         if (chartMarkLineRegistered) {
             return undefined;
@@ -45,7 +45,7 @@ export var Line = function Line(props) {
     var chartRef = React.useRef(undefined);
     var htmlRef = useRef(null);
     var lineChartRef = useRef(null);
-    useImperativeHandle(props.chartRef, function() {
+    useImperativeHandle(ref, function() {
         return chartRef.current;
     }, [
         chartRef.current
@@ -187,4 +187,5 @@ export var Line = function Line(props) {
         data: chartData,
         options: options
     }));
-};
+});
+Line.displayName = 'Line';

package/dist/Plugins/chart/ChartMark/Pie.d.ts

@@ -1,3 +1,4 @@
+import { Chart as ChartJS } from 'chart.js';
 import React from 'react';
 import { ChartProps } from './useChart';
-export declare const Pie: React.FC<ChartProps>;
+export declare const Pie: React.ForwardRefExoticComponent<ChartProps & React.RefAttributes<ChartJS<keyof import("chart.js").ChartTypeRegistry, (number | number[] | import("chart.js").Point | [number, number] | import("chart.js").BubbleDataPoint | (Partial<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot> & Pick<import("@sgratzl/chartjs-chart-boxplot").IBoxPlot, "min" | "max" | "median" | "q1" | "q3">) | (Partial<import("@sgratzl/chartjs-chart-boxplot").IViolin> & Pick<import("@sgratzl/chartjs-chart-boxplot").IViolin, "median" | "coords">) | null)[], unknown>>>;

package/dist/Plugins/chart/ChartMark/Pie.js

@@ -1,11 +1,11 @@
 import { ArcElement, Chart as ChartJS, Legend, Tooltip } from "chart.js";
-import React, { useImperativeHandle, useRef } from "react";
+import React, { forwardRef, useImperativeHandle, useRef } from "react";
 import { Doughnut } from "react-chartjs-2";
 import { defaultColorList } from "../const";
 import { isWindowDefined } from "../env";
 import { Container } from "./Container";
 var chartMarkPieRegistered = false;
-export var Pie = function Pie(props) {
+export var Pie = /*#__PURE__*/ forwardRef(function(props, ref) {
     React.useMemo(function() {
         if (chartMarkPieRegistered) {
             return undefined;
@@ -20,7 +20,7 @@ export var Pie = function Pie(props) {
     var chartRef = React.useRef(undefined);
     var htmlRef = useRef(null);
     var pieChartRef = useRef(null);
-    useImperativeHandle(props.chartRef, function() {
+    useImperativeHandle(ref, function() {
         return chartRef.current;
     }, [
         chartRef.current
@@ -86,4 +86,5 @@ export var Pie = function Pie(props) {
         data: chartData,
         options: options
     }));
-};
+});
+Pie.displayName = 'Pie';

package/dist/Plugins/chart/ChartRender.d.ts

@@ -58,7 +58,7 @@ import React from 'react';
  * - 使用 React.lazy 和 Suspense 实现代码分割
  */
 export declare const ChartRender: React.FC<{
-    chartType: 'pie' | 'donut' | 'bar' | 'line' | 'column' | 'area' | 'radar' | 'scatter' | 'funnel' | 'descriptions' | 'table';
+    chartType: 'pie' | 'donut' | 'bar' | 'line' | 'column' | 'area' | 'radar' | 'scatter' | 'funnel' | 'boxplot' | 'histogram' | 'descriptions' | 'table';
     chartData: Record<string, any>[];
     config: {
         height: any;