@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/TaskList/style.js

@@ -1,132 +1,153 @@
-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/TaskList/style.ts
-import {
-  useEditorStyleRegister
-} from "../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      "&-thoughtChainItem": {
-        marginBottom: 4,
-        display: "flex",
-        ".ai-paas-spin-dot-item": {
-          color: "var(--color-primary-control-fill-primary)"
+    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;
+            }));
         }
-      },
-      "&-left": {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        padding: "8px 0 0",
-        gap: 4
-      },
-      "&-right": {
-        padding: "8px 0"
-      },
-      "&-content-left": {
-        flex: 1,
-        flexShrink: 0,
-        width: 16,
-        display: "flex",
-        justifyContent: "center"
-      },
-      "&-dash-line": {
-        width: 1,
-        boxSizing: "border-box",
-        height: "100%",
-        borderLeft: "1px dashed var(--color-gray-text-disabled)"
-      },
-      "&-status": {
-        display: "flex",
-        height: 22,
-        alignItems: "center",
-        color: "var(--color-gray-text-disabled)",
-        svg: {
-          width: 16,
-          height: 16
+        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;
+            });
         }
-      },
-      "&-status-idle": {
-        height: 16
-      },
-      "&-top": {
-        display: "flex",
-        marginBottom: 4,
-        gap: 4,
-        cursor: "pointer",
-        [`${token.componentCls}-titleContainer`]: {
-          paddingTop: 8,
-          display: "flex",
-          alignItems: "center"
+        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) {
+    var _obj;
+    return _define_property({}, token.componentCls, {
+        '&-thoughtChainItem': {
+            marginBottom: 4,
+            display: 'flex',
+            '.ai-paas-spin-dot-item': {
+                color: 'var(--color-primary-control-fill-primary)'
+            }
         },
-        [`${token.componentCls}-title`]: {
-          font: "var(--font-text-h6-base)",
-          marginLeft: 12,
-          textAlign: "justify",
-          color: "var(--color-gray-text-default)"
+        '&-left': {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            padding: '8px 0 0',
+            gap: 4
         },
-        [`${token.componentCls}-loading`]: {
-          height: 20,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
+        '&-right': {
+            padding: '8px 0'
         },
-        [`${token.componentCls}-arrowContainer`]: {
-          height: 20,
-          lineHeight: "20px",
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
+        '&-content-left': {
+            flex: 1,
+            flexShrink: 0,
+            width: 16,
+            display: 'flex',
+            justifyContent: 'center'
         },
-        [`${token.componentCls}-arrow`]: {
-          flexShrink: 0,
-          width: 16,
-          height: 16,
-          transition: "all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
-        }
-      },
-      "&-body": {
-        display: "flex",
-        [`${token.componentCls}-content`]: {
-          font: "var(--font-text-paragraph-sm)",
-          marginLeft: 12,
-          display: "flex",
-          flexDirection: "column",
-          gap: 2,
-          letterSpacing: "var(--letter-spacing-paragraph-sm, normal)",
-          color: "var(--color-gray-text-secondary)"
-        }
-      }
-    }
-  };
+        '&-dash-line': {
+            width: 1,
+            boxSizing: 'border-box',
+            height: '100%',
+            borderLeft: '1px dashed var(--color-gray-text-disabled)'
+        },
+        '&-status': {
+            display: 'flex',
+            height: 22,
+            alignItems: 'center',
+            color: 'var(--color-gray-text-disabled)',
+            svg: {
+                width: 16,
+                height: 16
+            }
+        },
+        '&-status-idle': {
+            height: 16
+        },
+        '&-top': (_obj = {
+            display: 'flex',
+            marginBottom: 4,
+            gap: 4,
+            cursor: 'pointer'
+        }, _define_property(_obj, "".concat(token.componentCls, "-titleContainer"), {
+            paddingTop: 8,
+            display: 'flex',
+            alignItems: 'center'
+        }), _define_property(_obj, "".concat(token.componentCls, "-title"), {
+            font: 'var(--font-text-h6-base)',
+            marginLeft: 12,
+            textAlign: 'justify',
+            color: 'var(--color-gray-text-default)'
+        }), _define_property(_obj, "".concat(token.componentCls, "-loading"), {
+            height: 20,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+        }), _define_property(_obj, "".concat(token.componentCls, "-arrowContainer"), {
+            height: 20,
+            lineHeight: '20px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+        }), _define_property(_obj, "".concat(token.componentCls, "-arrow"), {
+            flexShrink: 0,
+            width: 16,
+            height: 16,
+            transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)'
+        }), _obj),
+        '&-body': _define_property({
+            display: 'flex'
+        }, "".concat(token.componentCls, "-content"), {
+            font: 'var(--font-text-paragraph-sm)',
+            marginLeft: 12,
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            letterSpacing: 'var(--letter-spacing-paragraph-sm, normal)',
+            color: 'var(--color-gray-text-secondary)'
+        })
+    });
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("task-list", (token) => {
-    const taskListToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('task-list', function(token) {
+        var taskListToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(taskListToken)
+        ];
     });
-    return [genStyle(taskListToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/ThoughtChainList/CostMillis.js

@@ -1,61 +1,95 @@
-// src/ThoughtChainList/CostMillis.tsx
 import { FieldTimeOutlined } from "@ant-design/icons";
 import { Tooltip } from "antd";
 import React, { useContext, useMemo } from "react";
 import { I18nContext } from "../I18n";
-var msToTimes = (ms, locale) => {
-  if (!ms) {
-    return "";
-  }
-  if (ms < 1e3) {
-    return `${ms}ms`;
-  }
-  let s = ms / 1e3;
-  if (s < 60) {
-    return `${s.toFixed(1)}${(locale == null ? void 0 : locale.seconds) || "s"}`;
-  }
-  let m = s / 60;
-  if (m < 60) {
-    return `${m.toFixed(0)}${(locale == null ? void 0 : locale.minutes) || "m"} ${s.toFixed(0)}${(locale == null ? void 0 : locale.seconds) || "s"}`;
-  }
-  let h = m / 60;
-  if (h < 24) {
-    return `${h.toFixed(0)}${(locale == null ? void 0 : locale.hours) || "H"} ${m.toFixed(0)}${(locale == null ? void 0 : locale.minutes) || "m"} ${s.toFixed(0)}${(locale == null ? void 0 : locale.seconds) || "s"}`;
-  }
-  let d = h / 24;
-  return `${d.toFixed(0)}${(locale == null ? void 0 : locale.days) || "D"} ${h.toFixed(0)}${(locale == null ? void 0 : locale.hours) || "H"} ${m.toFixed(0)}${(locale == null ? void 0 : locale.minutes) || "m"} ${s.toFixed(0)}${(locale == null ? void 0 : locale.seconds) || "s"}`;
-};
-var CostMillis = (props) => {
-  const { locale } = useContext(I18nContext);
-  return useMemo(() => {
-    if (!props.costMillis) {
-      return null;
+/**
+ * 将毫秒转换为可读的时间格式
+ *
+ * @param {number|undefined} ms - 毫秒数
+ * @param {LocalKeys} locale - 本地化配置
+ * @returns {string} 格式化后的时间字符串
+ *
+ * @example
+ * msToTimes(1500, locale) // "1.5s"
+ * msToTimes(65000, locale) // "1m 5s"
+ */ var msToTimes = function(ms, locale) {
+    if (!ms) {
+        return '';
     }
-    return /* @__PURE__ */ React.createElement(Tooltip, { mouseEnterDelay: 0.3, title: props.costMillis + "ms" }, /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        style: {
-          display: "flex",
-          flexDirection: "row",
-          alignItems: "center",
-          padding: "1px 10px",
-          gap: "6px",
-          borderRadius: "12px",
-          height: "2em",
-          minHeight: "28px",
-          fontSize: "0.9em",
-          wordBreak: "break-all",
-          wordWrap: "break-word",
-          maxWidth: "100%",
-          background: "radial-gradient(22% 66% at 96% 113%, rgba(255, 255, 245, 0.52) 0%, rgba(230, 238, 255, 0) 100%), radial-gradient(14% 234% at 100% 50%, rgba(162, 255, 255, 0.28) 0%, rgba(153, 202, 255, 0.1193) 13%, rgba(229, 189, 255, 0.0826) 38%, rgba(235, 255, 245, 0) 100%), #FFFFFF",
-          border: "1px solid rgba(227, 230, 234, 0.65)"
-        }
-      },
-      /* @__PURE__ */ React.createElement(FieldTimeOutlined, null),
-      msToTimes(props.costMillis, locale)
-    ));
-  }, [props.costMillis, locale]);
+    if (ms < 1000) {
+        return "".concat(ms, "ms");
+    }
+    var s = ms / 1000;
+    if (s < 60) {
+        return "".concat(s.toFixed(1)).concat((locale === null || locale === void 0 ? void 0 : locale.seconds) || 's');
+    }
+    var m = s / 60;
+    if (m < 60) {
+        return "".concat(m.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.minutes) || 'm', " ").concat(s.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.seconds) || 's');
+    }
+    var h = m / 60;
+    if (h < 24) {
+        return "".concat(h.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.hours) || 'H', " ").concat(m.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.minutes) || 'm', " ").concat(s.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.seconds) || 's');
+    }
+    var d = h / 24;
+    return "".concat(d.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.days) || 'D', " ").concat(h.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.hours) || 'H', " ").concat(m.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.minutes) || 'm', " ").concat(s.toFixed(0)).concat((locale === null || locale === void 0 ? void 0 : locale.seconds) || 's');
 };
-export {
-  CostMillis
+/**
+ * CostMillis 组件 - 耗时显示组件
+ *
+ * 该组件用于显示操作耗时，支持毫秒到天的时间格式转换，
+ * 提供美观的UI展示和工具提示功能。
+ *
+ * @component
+ * @description 耗时显示组件，显示操作耗时信息
+ * @param {Object} props - 组件属性
+ * @param {number} [props.costMillis] - 耗时（毫秒）
+ *
+ * @example
+ * ```tsx
+ * <CostMillis costMillis={1500} />
+ * <CostMillis costMillis={65000} />
+ * <CostMillis costMillis={3600000} />
+ * ```
+ *
+ * @returns {React.ReactElement|null} 渲染的耗时显示组件，无耗时数据时返回null
+ *
+ * @remarks
+ * - 自动转换时间格式（毫秒、秒、分钟、小时、天）
+ * - 提供工具提示显示原始毫秒值
+ * - 支持国际化时间单位
+ * - 美观的渐变背景设计
+ * - 响应式布局适配
+ * - 图标和文字组合显示
+ */ export var CostMillis = function(props) {
+    var locale = useContext(I18nContext).locale;
+    return useMemo(function() {
+        if (!props.costMillis) {
+            return null;
+        }
+        return /*#__PURE__*/ React.createElement(Tooltip, {
+            mouseEnterDelay: 0.3,
+            title: props.costMillis + 'ms'
+        }, /*#__PURE__*/ React.createElement("span", {
+            style: {
+                display: 'flex',
+                flexDirection: 'row',
+                alignItems: 'center',
+                padding: '1px 10px',
+                gap: '6px',
+                borderRadius: '12px',
+                height: '2em',
+                minHeight: '28px',
+                fontSize: '0.9em',
+                wordBreak: 'break-all',
+                wordWrap: 'break-word',
+                maxWidth: '100%',
+                background: 'radial-gradient(22% 66% at 96% 113%, rgba(255, 255, 245, 0.52) 0%, rgba(230, 238, 255, 0) 100%), radial-gradient(14% 234% at 100% 50%, rgba(162, 255, 255, 0.28) 0%, rgba(153, 202, 255, 0.1193) 13%, rgba(229, 189, 255, 0.0826) 38%, rgba(235, 255, 245, 0) 100%), #FFFFFF',
+                border: '1px solid rgba(227, 230, 234, 0.65)'
+            }
+        }, /*#__PURE__*/ React.createElement(FieldTimeOutlined, null), msToTimes(props.costMillis, locale)));
+    }, [
+        props.costMillis,
+        locale
+    ]);
 };