@ant-design/agentic-ui 2.8.0 → 2.9.0

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

@@ -1,70 +1,55 @@
-// src/Plugins/chart/ChartStatistic/index.tsx
 import { QuestionCircleOutlined } from "@ant-design/icons";
 import { ConfigProvider, Tooltip } from "antd";
 import classNames from "classnames";
 import { default as React, useContext } from "react";
 import { useStyle } from "./style";
 import { formatNumber } from "./utils";
-var ChartStatistic = ({
-  title,
-  tooltip,
-  value,
-  precision,
-  groupSeparator = ",",
-  prefix = "",
-  suffix = "",
-  formatter,
-  className = "",
-  theme = "light",
-  size = "default",
-  block = false,
-  extra
-}) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("chart-statistic");
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const renderValue = () => {
-    if (formatter) {
-      return formatter(value);
-    }
-    const formatOptions = {
-      precision,
-      groupSeparator
+var ChartStatistic = function(param) {
+    var title = param.title, tooltip = param.tooltip, value = param.value, precision = param.precision, _param_groupSeparator = param.groupSeparator, groupSeparator = _param_groupSeparator === void 0 ? ',' : _param_groupSeparator, _param_prefix = param.prefix, prefix = _param_prefix === void 0 ? '' : _param_prefix, _param_suffix = param.suffix, suffix = _param_suffix === void 0 ? '' : _param_suffix, formatter = param.formatter, _param_className = param.className, className = _param_className === void 0 ? '' : _param_className, _param_theme = param.theme, theme = _param_theme === void 0 ? 'light' : _param_theme, _param_size = param.size, size = _param_size === void 0 ? 'default' : _param_size, _param_block = param.block, block = _param_block === void 0 ? false : _param_block, extra = param.extra;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var prefixCls = getPrefixCls('chart-statistic');
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    // 渲染数值
+    var renderValue = function() {
+        // 如果提供了自定义格式化函数，优先使用
+        if (formatter) {
+            return formatter(value);
+        }
+        // 使用内置格式化逻辑
+        var formatOptions = {
+            precision: precision,
+            groupSeparator: groupSeparator
+        };
+        return formatNumber(value, formatOptions);
     };
-    return formatNumber(value, formatOptions);
-  };
-  const renderHeader = () => {
-    if (!title && !extra)
-      return null;
-    const titleElement = title ? /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-title`, hashId) }, title) : null;
-    const questionIcon = tooltip ? /* @__PURE__ */ React.createElement(Tooltip, { mouseEnterDelay: 0.3, title: tooltip, placement: "top" }, /* @__PURE__ */ React.createElement(
-      QuestionCircleOutlined,
-      {
-        className: classNames(`${prefixCls}-question-icon`, hashId)
-      }
-    )) : null;
-    const extraElement = extra ? /* @__PURE__ */ React.createElement("div", null, extra) : null;
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header`, hashId) }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-header-left`, hashId) }, titleElement, questionIcon), extraElement);
-  };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classNames(
-          prefixCls,
-          `${prefixCls}-${theme}`,
-          size !== "default" && `${prefixCls}-${size}`,
-          block && `${prefixCls}-block`,
-          hashId,
-          className
-        )
-      },
-      renderHeader(),
-      /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-value`, hashId) }, prefix && /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-value-prefix`, hashId) }, prefix), renderValue(), suffix && /* @__PURE__ */ React.createElement("span", { className: classNames(`${prefixCls}-value-suffix`, hashId) }, suffix))
-    )
-  );
-};
-var ChartStatistic_default = ChartStatistic;
-export {
-  ChartStatistic_default as default
+    // 渲染标题和问号图标
+    var renderHeader = function() {
+        if (!title && !extra) return null;
+        var titleElement = title ? /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(prefixCls, "-title"), hashId)
+        }, title) : null;
+        var questionIcon = tooltip ? /*#__PURE__*/ React.createElement(Tooltip, {
+            mouseEnterDelay: 0.3,
+            title: tooltip,
+            placement: "top"
+        }, /*#__PURE__*/ React.createElement(QuestionCircleOutlined, {
+            className: classNames("".concat(prefixCls, "-question-icon"), hashId)
+        })) : null;
+        var extraElement = extra ? /*#__PURE__*/ React.createElement("div", null, extra) : null;
+        return /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(prefixCls, "-header"), hashId)
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(prefixCls, "-header-left"), hashId)
+        }, titleElement, questionIcon), extraElement);
+    };
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames(prefixCls, "".concat(prefixCls, "-").concat(theme), size !== 'default' && "".concat(prefixCls, "-").concat(size), block && "".concat(prefixCls, "-block"), hashId, className)
+    }, renderHeader(), /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-value"), hashId)
+    }, prefix && /*#__PURE__*/ React.createElement("span", {
+        className: classNames("".concat(prefixCls, "-value-prefix"), hashId)
+    }, prefix), renderValue(), suffix && /*#__PURE__*/ React.createElement("span", {
+        className: classNames("".concat(prefixCls, "-value-suffix"), hashId)
+    }, suffix))));
 };
+export default ChartStatistic;

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

@@ -1,153 +1,152 @@
-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/ChartStatistic/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "12px",
-      minWidth: "160px",
-      [`${token.componentCls}-header`]: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        [`${token.componentCls}-header-left`]: {
-          display: "flex",
-          alignItems: "center",
-          gap: "4px",
-          flex: 1
-        },
-        [`${token.componentCls}-title`]: {
-          fontFamily: "PingFang SC",
-          fontSize: "13px",
-          fontWeight: 500,
-          color: "#2C3E5D",
-          margin: 0
-        },
-        [`${token.componentCls}-question-icon`]: {
-          fontSize: "14px",
-          color: "#B3B9C4",
-          fontWeight: 500
+    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;
+            });
         }
-      },
-      [`${token.componentCls}-value`]: {
-        fontFamily: "Rubik",
-        fontSize: "24px",
+        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, _obj2, _obj3, _obj4, _obj5, _obj6, _obj7, _obj8, _obj9, _obj10;
+    return _define_property({}, token.componentCls, (_obj10 = {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '12px',
+        minWidth: '160px'
+    }, _define_property(_obj10, "".concat(token.componentCls, "-header"), (_obj = {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+    }, _define_property(_obj, "".concat(token.componentCls, "-header-left"), {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px',
+        flex: 1
+    }), _define_property(_obj, "".concat(token.componentCls, "-title"), {
+        fontFamily: 'PingFang SC',
+        fontSize: '13px',
+        fontWeight: 500,
+        color: '#2C3E5D',
+        margin: 0
+    }), _define_property(_obj, "".concat(token.componentCls, "-question-icon"), {
+        fontSize: '14px',
+        color: '#B3B9C4',
+        fontWeight: 500
+    }), _obj)), _define_property(_obj10, "".concat(token.componentCls, "-value"), (_obj1 = {
+        fontFamily: 'Rubik',
+        fontSize: '24px',
         fontWeight: 500,
         lineHeight: 1,
-        color: "#2C3E5D",
-        [`${token.componentCls}-value-prefix`]: {
-          fontFamily: "PingFang SC",
-          fontSize: "13px",
-          fontWeight: "normal",
-          color: "#2C3E5D",
-          marginRight: "4px"
-        },
-        [`${token.componentCls}-value-suffix`]: {
-          fontFamily: "PingFang SC",
-          fontSize: "13px",
-          fontWeight: "normal",
-          color: "#2C3E5D",
-          marginLeft: "4px"
-        }
-      },
-      // Dark theme styles
-      "&-dark": {
-        [`${token.componentCls}-header`]: {
-          [`${token.componentCls}-title`]: {
-            color: "rgba(255, 255, 255, 0.65)"
-          },
-          [`${token.componentCls}-question-icon`]: {
-            color: "rgba(255, 255, 255, 0.45)",
-            "&:hover": {
-              color: "rgba(255, 255, 255, 0.65)"
-            }
-          }
-        },
-        [`${token.componentCls}-value`]: {
-          color: "#fff",
-          [`${token.componentCls}-value-prefix`]: {
-            color: "#fff"
-          },
-          [`${token.componentCls}-value-suffix`]: {
-            color: "#fff"
-          }
-        }
-      },
-      // Size variants
-      "&-small": {
-        [`${token.componentCls}-header`]: {
-          [`${token.componentCls}-title`]: {
-            fontSize: "12px"
-          },
-          [`${token.componentCls}-question-icon`]: {
-            fontSize: "14px"
-          }
-        },
-        [`${token.componentCls}-value`]: {
-          fontSize: "20px"
+        color: '#2C3E5D'
+    }, _define_property(_obj1, "".concat(token.componentCls, "-value-prefix"), {
+        fontFamily: 'PingFang SC',
+        fontSize: '13px',
+        fontWeight: 'normal',
+        color: '#2C3E5D',
+        marginRight: '4px'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-value-suffix"), {
+        fontFamily: 'PingFang SC',
+        fontSize: '13px',
+        fontWeight: 'normal',
+        color: '#2C3E5D',
+        marginLeft: '4px'
+    }), _obj1)), _define_property(_obj10, // Dark theme styles
+    '&-dark', (_obj4 = {}, _define_property(_obj4, "".concat(token.componentCls, "-header"), (_obj2 = {}, _define_property(_obj2, "".concat(token.componentCls, "-title"), {
+        color: 'rgba(255, 255, 255, 0.65)'
+    }), _define_property(_obj2, "".concat(token.componentCls, "-question-icon"), {
+        color: 'rgba(255, 255, 255, 0.45)',
+        '&:hover': {
+            color: 'rgba(255, 255, 255, 0.65)'
         }
-      },
-      "&-large": {
-        gap: "12px",
-        [`${token.componentCls}-header`]: {
-          [`${token.componentCls}-title`]: {
-            fontSize: "13px"
-          },
-          [`${token.componentCls}-question-icon`]: {
-            fontSize: "14px"
-          }
-        },
-        [`${token.componentCls}-value`]: {
-          fontSize: "30px"
-        }
-      },
-      // Block mode - 占满整个区域，多个时平分父容器，左对齐
-      "&-block": {
+    }), _obj2)), _define_property(_obj4, "".concat(token.componentCls, "-value"), (_obj3 = {
+        color: '#fff'
+    }, _define_property(_obj3, "".concat(token.componentCls, "-value-prefix"), {
+        color: '#fff'
+    }), _define_property(_obj3, "".concat(token.componentCls, "-value-suffix"), {
+        color: '#fff'
+    }), _obj3)), _obj4)), _define_property(_obj10, // Size variants
+    '&-small', (_obj6 = {}, _define_property(_obj6, "".concat(token.componentCls, "-header"), (_obj5 = {}, _define_property(_obj5, "".concat(token.componentCls, "-title"), {
+        fontSize: '12px'
+    }), _define_property(_obj5, "".concat(token.componentCls, "-question-icon"), {
+        fontSize: '14px'
+    }), _obj5)), _define_property(_obj6, "".concat(token.componentCls, "-value"), {
+        fontSize: '20px'
+    }), _obj6)), _define_property(_obj10, '&-large', (_obj8 = {
+        gap: '12px'
+    }, _define_property(_obj8, "".concat(token.componentCls, "-header"), (_obj7 = {}, _define_property(_obj7, "".concat(token.componentCls, "-title"), {
+        fontSize: '13px'
+    }), _define_property(_obj7, "".concat(token.componentCls, "-question-icon"), {
+        fontSize: '14px'
+    }), _obj7)), _define_property(_obj8, "".concat(token.componentCls, "-value"), {
+        fontSize: '30px'
+    }), _obj8)), _define_property(_obj10, // Block mode - 占满整个区域，多个时平分父容器，左对齐
+    '&-block', (_obj9 = {
         flex: 1,
         minWidth: 0,
-        textAlign: "left",
-        [`${token.componentCls}-header`]: {
-          justifyContent: "flex-start"
-        },
-        [`${token.componentCls}-value`]: {
-          textAlign: "left"
-        }
-      }
-    }
-  };
+        textAlign: 'left'
+    }, _define_property(_obj9, "".concat(token.componentCls, "-header"), {
+        justifyContent: 'flex-start'
+    }), _define_property(_obj9, "".concat(token.componentCls, "-value"), {
+        textAlign: 'left'
+    }), _obj9)), _obj10));
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("Statistic", (token) => {
-    const statisticToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * Statistic Style
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('Statistic', function(token) {
+        var statisticToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(statisticToken),
+            genStyle(statisticToken)
+        ];
     });
-    return [resetComponent(statisticToken), genStyle(statisticToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/Plugins/chart/ChartStatistic/utils.js

@@ -1,29 +1,39 @@
-// src/Plugins/chart/ChartStatistic/utils.ts
-var formatNumber = (value, options = {}) => {
-  const { precision, groupSeparator = "," } = options;
-  if (value === null || value === void 0 || value === "") {
-    return `--`;
-  }
-  const numValue = typeof value === "string" ? parseFloat(value) : value;
-  if (isNaN(numValue)) {
-    return `--`;
-  }
-  let formattedValue = precision !== void 0 ? numValue.toFixed(precision) : numValue.toString();
-  if (groupSeparator && groupSeparator !== "") {
-    const parts = formattedValue.split(".");
-    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
-    formattedValue = parts.join(".");
-  }
-  return `${formattedValue}`;
+/**
+ * 数值格式化工具函数
+ */ /**
+ * 格式化数值
+ * @param value 原始数值
+ * @param options 格式化选项
+ * @returns 格式化后的字符串
+ */ export var formatNumber = function(value) {
+    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var precision = options.precision, _options_groupSeparator = options.groupSeparator, groupSeparator = _options_groupSeparator === void 0 ? ',' : _options_groupSeparator;
+    // 处理空值
+    if (value === null || value === undefined || value === '') {
+        return "--";
+    }
+    // 转换为数字
+    var numValue = typeof value === 'string' ? parseFloat(value) : value;
+    // 检查是否为有效数字
+    if (isNaN(numValue)) {
+        return "--";
+    }
+    // 应用精度
+    var formattedValue = precision !== undefined ? numValue.toFixed(precision) : numValue.toString();
+    // 应用千分位分隔符
+    if (groupSeparator && groupSeparator !== '') {
+        var parts = formattedValue.split('.');
+        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
+        formattedValue = parts.join('.');
+    }
+    return "".concat(formattedValue);
 };
-var isValidNumber = (value) => {
-  if (value === null || value === void 0 || value === "") {
-    return false;
-  }
-  const numValue = typeof value === "string" ? parseFloat(value) : value;
-  return !isNaN(numValue) && isFinite(numValue);
-};
-export {
-  formatNumber,
-  isValidNumber
+/**
+ * 检查值是否为有效的数值
+ */ export var isValidNumber = function(value) {
+    if (value === null || value === undefined || value === '') {
+        return false;
+    }
+    var numValue = typeof value === 'string' ? parseFloat(value) : value;
+    return !isNaN(numValue) && isFinite(numValue);
 };