@ant-design/agentic-ui 2.8.0 → 2.9.0

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

@@ -1,166 +1,181 @@
-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/ChartFilter/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      padding: "12px 0",
-      display: "flex",
-      gap: "8px",
-      justifyContent: "flex-start",
-      alignItems: "center",
-      flexWrap: "wrap",
-      [`${token.componentCls}-region-filter`]: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px",
-        [`${token.componentCls}-region-dropdown-btn`]: {
-          border: "1px solid #d9d9d9",
-          borderRadius: "6px",
-          backgroundColor: "#fff",
-          color: "#666",
-          fontSize: "14px",
-          display: "flex",
-          alignItems: "center",
-          gap: "8px",
-          minWidth: "80px",
-          justifyContent: "space-between",
-          height: "32px",
-          padding: "0 12px",
-          "&:hover": {
-            borderColor: "#8c8c8c",
-            color: "#343a45",
-            backgroundColor: "#f9f9f9",
-            [`${token.componentCls}-dropdown-icon`]: {
-              color: "#8c8c8c"
-            }
-          },
-          [`${token.componentCls}-dropdown-icon`]: {
-            fontSize: "12px",
-            color: "#666"
-          }
+    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;
+            }));
         }
-      },
-      [`${token.componentCls}-segmented-filter`]: {
-        backgroundColor: "#f5f5f5",
-        height: "32px",
-        display: "flex",
-        alignItems: "center",
-        borderRadius: "8px",
-        "&.custom-segmented": {
-          ".ant-segmented-item": {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            ".ant-segmented-item-label": {
-              fontFamily: "PingFang SC",
-              fontSize: "13px",
-              fontWeight: "normal",
-              lineHeight: "22px",
-              letterSpacing: "0em"
-            }
-          },
-          ".ant-segmented-group": {
-            height: "30px"
-          },
-          ".ant-segmented-item-selected": {
-            borderRadius: "8px",
-            backgroundColor: "#fff !important",
-            border: "1px solid #d9d9d9 !important",
-            boxShadow: "0px 0px 1px 0px rgba(0, 19, 41, 0.2), 0px 1.5px 4px -1px rgba(0, 19, 41, 0.04)",
-            ".ant-segmented-item-label": {
-              fontFamily: "PingFang SC",
-              fontSize: "13px",
-              fontWeight: 600,
-              lineHeight: "20px",
-              letterSpacing: "0em",
-              fontVariationSettings: '"opsz" auto',
-              /* gray/gray-文本-默认 */
-              /* 样式描述：--gray-a12 */
-              color: "#343a45 !important"
-            }
-          }
+        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;
+            });
         }
-      },
-      // Dark theme styles
-      "&-dark": {
-        [`${token.componentCls}-region-filter`]: {
-          [`${token.componentCls}-region-dropdown-btn`]: {
-            border: "1px solid #434343",
-            backgroundColor: "#1a1a1a",
-            color: "rgba(255, 255, 255, 0.85)",
-            "&:hover": {
-              borderColor: "#595959",
-              color: "#fff",
-              backgroundColor: "#262626",
-              [`${token.componentCls}-dropdown-icon`]: {
-                color: "rgba(255, 255, 255, 0.8)"
-              }
+        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 { resetComponent, useEditorStyleRegister } from "../../../../Hooks/useStyle";
+var genStyle = function(token) {
+    var _obj, _obj1;
+    return _define_property({}, token.componentCls, (_obj1 = {
+        padding: '12px 0',
+        display: 'flex',
+        gap: '8px',
+        justifyContent: 'flex-start',
+        alignItems: 'center',
+        flexWrap: 'wrap'
+    }, _define_property(_obj1, "".concat(token.componentCls, "-region-filter"), _define_property({
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px'
+    }, "".concat(token.componentCls, "-region-dropdown-btn"), _define_property({
+        border: '1px solid #d9d9d9',
+        borderRadius: '6px',
+        backgroundColor: '#fff',
+        color: '#666',
+        fontSize: '14px',
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        minWidth: '80px',
+        justifyContent: 'space-between',
+        height: '32px',
+        padding: '0 12px',
+        '&:hover': _define_property({
+            borderColor: '#8c8c8c',
+            color: '#343a45',
+            backgroundColor: '#f9f9f9'
+        }, "".concat(token.componentCls, "-dropdown-icon"), {
+            color: '#8c8c8c'
+        })
+    }, "".concat(token.componentCls, "-dropdown-icon"), {
+        fontSize: '12px',
+        color: '#666'
+    }))), _define_property(_obj1, "".concat(token.componentCls, "-segmented-filter"), {
+        backgroundColor: '#f5f5f5',
+        height: '32px',
+        display: 'flex',
+        alignItems: 'center',
+        borderRadius: '8px',
+        '&.custom-segmented': {
+            '.ant-segmented-item': {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                '.ant-segmented-item-label': {
+                    fontFamily: 'PingFang SC',
+                    fontSize: '13px',
+                    fontWeight: 'normal',
+                    lineHeight: '22px',
+                    letterSpacing: '0em'
+                }
+            },
+            '.ant-segmented-group': {
+                height: '30px'
             },
-            [`${token.componentCls}-dropdown-icon`]: {
-              color: "rgba(255, 255, 255, 0.65)"
+            '.ant-segmented-item-selected': {
+                borderRadius: '8px',
+                backgroundColor: '#fff !important',
+                border: '1px solid #d9d9d9 !important',
+                boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.2), 0px 1.5px 4px -1px rgba(0, 19, 41, 0.04)',
+                '.ant-segmented-item-label': {
+                    fontFamily: 'PingFang SC',
+                    fontSize: '13px',
+                    fontWeight: 600,
+                    lineHeight: '20px',
+                    letterSpacing: '0em',
+                    fontVariationSettings: '"opsz" auto',
+                    /* gray/gray-文本-默认 */ /* 样式描述：--gray-a12 */ color: '#343a45 !important'
+                }
             }
-          }
-        },
-        [`${token.componentCls}-segmented-filter`]: {
-          backgroundColor: "#262626",
-          "&.custom-segmented": {
-            ".ant-segmented-item": {
-              ".ant-segmented-item-label": {
-                color: "rgba(255, 255, 255, 0.65)"
-              }
+        }
+    }), _define_property(_obj1, // Dark theme styles
+    '&-dark', (_obj = {}, _define_property(_obj, "".concat(token.componentCls, "-region-filter"), _define_property({}, "".concat(token.componentCls, "-region-dropdown-btn"), _define_property({
+        border: '1px solid #434343',
+        backgroundColor: '#1a1a1a',
+        color: 'rgba(255, 255, 255, 0.85)',
+        '&:hover': _define_property({
+            borderColor: '#595959',
+            color: '#fff',
+            backgroundColor: '#262626'
+        }, "".concat(token.componentCls, "-dropdown-icon"), {
+            color: 'rgba(255, 255, 255, 0.8)'
+        })
+    }, "".concat(token.componentCls, "-dropdown-icon"), {
+        color: 'rgba(255, 255, 255, 0.65)'
+    }))), _define_property(_obj, "".concat(token.componentCls, "-segmented-filter"), {
+        backgroundColor: '#262626',
+        '&.custom-segmented': {
+            '.ant-segmented-item': {
+                '.ant-segmented-item-label': {
+                    color: 'rgba(255, 255, 255, 0.65)'
+                }
             },
-            ".ant-segmented-item-selected": {
-              backgroundColor: "#fff !important",
-              border: "1px solid #434343 !important",
-              ".ant-segmented-item-label": {
-                color: "#343a45 !important"
-              }
+            '.ant-segmented-item-selected': {
+                backgroundColor: '#fff !important',
+                border: '1px solid #434343 !important',
+                '.ant-segmented-item-label': {
+                    color: '#343a45 !important'
+                }
             },
-            ".ant-segmented-thumb": {
-              backgroundColor: "#343a45 !important"
+            '.ant-segmented-thumb': {
+                backgroundColor: '#343a45 !important'
             }
-          }
         }
-      },
-      // Compact variant for toolbar integration
-      "&-compact": {
-        padding: "0",
-        flexWrap: "nowrap"
-      }
-    }
-  };
+    }), _obj)), // Compact variant for toolbar integration
+    _define_property(_obj1, '&-compact', {
+        padding: '0',
+        flexWrap: 'nowrap'
+    }), _obj1));
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("ChartFilter", (token) => {
-    const chartFilterToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * ChartFilter Style
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('ChartFilter', function(token) {
+        var chartFilterToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(chartFilterToken),
+            genStyle(chartFilterToken)
+        ];
     });
-    return [resetComponent(chartFilterToken), genStyle(chartFilterToken)];
-  });
 }
-export {
-  useStyle
-};

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

@@ -1,4 +1,3 @@
-// src/Plugins/chart/components/ChartToolBar/ChartToolBar.tsx
 import { DownloadOutlined } from "@ant-design/icons";
 import { ConfigProvider, Tooltip } from "antd";
 import classNames from "classnames";
@@ -6,63 +5,59 @@ import { default as React, useContext } from "react";
 import { I18nContext } from "../../../../I18n";
 import TimeIcon from "../icons/TimeIcon";
 import { useStyle } from "./style";
-var ChartToolBar = ({
-  title,
-  dataTime,
-  className = "",
-  theme = "light",
-  onDownload,
-  extra,
-  filter
-}) => {
-  var _a, _b;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const i18n = useContext(I18nContext);
-  const prefixCls = getPrefixCls("chart-toolbar");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const handleDownload = () => {
-    if (onDownload) {
-      onDownload();
-    }
-  };
-  if (!title && !extra) {
-    return null;
-  }
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(
-          prefixCls,
-          `${prefixCls}-${theme}`,
-          hashId,
-          className
-        )
-      },
-      /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header-title`, hashId) }, title),
-      /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header-actions`, hashId) }, dataTime ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        TimeIcon,
-        {
-          className: classNames(`${prefixCls}-time-icon`, hashId)
+/**
+ * 图表工具栏组件
+ *
+ * 用于显示图表标题、数据时间、下载按钮等工具栏内容。
+ * 支持主题切换、自定义内容、下载功能等。
+ *
+ * @component
+ * @param {ChartToolBarProps} props - 组件属性
+ * @returns {React.ReactElement | null} 图表工具栏组件，当没有标题和额外内容时返回 null
+ *
+ * @example
+ * ```tsx
+ * <ChartToolBar
+ *   title="销售数据"
+ *   dataTime="2024-01-01 00:00:00"
+ *   theme="light"
+ *   onDownload={() => console.log('下载图表')}
+ *   extra={<Button>自定义按钮</Button>}
+ * />
+ * ```
+ *
+ * @since 1.0.0
+ */ var ChartToolBar = function(param) {
+    var title = param.title, dataTime = param.dataTime, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, onDownload = param.onDownload, extra = param.extra, filter = param.filter;
+    var _i18n_locale, _i18n_locale1;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var i18n = useContext(I18nContext);
+    var prefixCls = getPrefixCls('chart-toolbar');
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var handleDownload = function() {
+        if (onDownload) {
+            onDownload();
         }
-      ), /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-data-time`, hashId) }, ((_a = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _a.dataTime) || "数据时间", ": ", dataTime)) : null, filter, extra, handleDownload ? /* @__PURE__ */ React.createElement(
-        Tooltip,
-        {
-          mouseEnterDelay: 0.3,
-          title: ((_b = i18n == null ? void 0 : i18n.locale) == null ? void 0 : _b.download) || "下载"
-        },
-        /* @__PURE__ */ React.createElement(
-          DownloadOutlined,
-          {
-            className: classNames(`${prefixCls}-download-btn`, hashId),
-            onClick: handleDownload
-          }
-        )
-      ) : null)
-    )
-  );
-};
-var ChartToolBar_default = ChartToolBar;
-export {
-  ChartToolBar_default as default
+    };
+    if (!title && !extra) {
+        return null;
+    }
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames(prefixCls, "".concat(prefixCls, "-").concat(theme), hashId, className)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-header-title"), hashId)
+    }, title), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-header-actions"), hashId)
+    }, dataTime ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(TimeIcon, {
+        className: classNames("".concat(prefixCls, "-time-icon"), hashId)
+    }), /*#__PURE__*/ React.createElement("span", {
+        className: classNames("".concat(prefixCls, "-data-time"), hashId)
+    }, (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.dataTime) || '数据时间', ": ", dataTime)) : null, filter, extra, handleDownload ? /*#__PURE__*/ React.createElement(Tooltip, {
+        mouseEnterDelay: 0.3,
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.download) || '下载'
+    }, /*#__PURE__*/ React.createElement(DownloadOutlined, {
+        className: classNames("".concat(prefixCls, "-download-btn"), hashId),
+        onClick: handleDownload
+    })) : null)));
 };
+export default ChartToolBar;