@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/ToolUseBar/ToolUseBarItem.js

@@ -1,149 +1,193 @@
-// src/ToolUseBar/ToolUseBarItem.tsx
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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 _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import classnames from "classnames";
 import { useMergedState } from "rc-util";
 import React, { memo, useCallback, useMemo } from "react";
-import {
-  ToolContent,
-  ToolExpand,
-  ToolHeaderRight,
-  ToolImage,
-  ToolTime
-} from "./ToolUseBarItemComponents";
-var ToolUseBarItemComponent = ({
-  tool,
-  prefixCls,
-  hashId,
-  onClick,
-  isActive,
-  onActiveChange,
-  isExpanded,
-  onExpandedChange,
-  defaultExpanded,
-  light = false
-}) => {
-  const [expanded, setExpanded] = useMergedState(defaultExpanded != null ? defaultExpanded : false, {
-    value: isExpanded,
-    onChange: onExpandedChange ? (value) => onExpandedChange(tool.id, value) : void 0
-  });
-  const showContent = useMemo(() => {
-    return !!(tool.status === "error" && tool.errorMessage) || !!tool.content;
-  }, [tool.status, tool.errorMessage, tool.content]);
-  const toolClassName = useMemo(() => {
-    return classnames(`${prefixCls}-tool ${hashId}`, {
-      [`${prefixCls}-tool-success`]: tool.status === "success",
-      [`${prefixCls}-tool-loading`]: tool.status === "loading",
-      [`${prefixCls}-tool-loading-light`]: tool.status === "loading" && light,
-      [`${prefixCls}-tool-error`]: tool.status === "error",
-      [`${prefixCls}-tool-idle`]: tool.status === "idle",
-      [`${prefixCls}-tool-active`]: isActive && !expanded,
-      [`${prefixCls}-tool-expanded`]: expanded,
-      [`${prefixCls}-tool-light`]: light
-    });
-  }, [prefixCls, hashId, tool.status, light, isActive, expanded]);
-  const toolBarClassName = useMemo(() => {
-    return classnames(`${prefixCls}-tool-bar`, hashId);
-  }, [prefixCls, hashId]);
-  const toolHeaderClassName = useMemo(() => {
-    return classnames(`${prefixCls}-tool-header`, hashId);
-  }, [prefixCls, hashId]);
-  const handleClick = useCallback(
-    (e) => {
-      onClick == null ? void 0 : onClick(tool.id);
-      if (onActiveChange && !showContent) {
-        onActiveChange(tool.id, !isActive);
-      }
-      if (!showContent)
-        return;
-      if (e.target instanceof Element) {
-        const tag = e.target.tagName.toLowerCase();
-        if (["a", "button", "input", "textarea", "select", "label"].includes(tag))
-          return;
-      }
-      setExpanded((prev) => !prev);
-    },
-    [onClick, tool.id, onActiveChange, showContent, isActive, setExpanded]
-  );
-  const handleExpandClick = useCallback(
-    (e) => {
-      e.stopPropagation();
-      setExpanded((prev) => !prev);
-    },
-    [setExpanded]
-  );
-  if (tool.type === "summary") {
-    return /* @__PURE__ */ React.createElement(
-      ToolContent,
-      {
-        tool,
+import { ToolContent, ToolExpand, ToolHeaderRight, ToolImage, ToolTime } from "./ToolUseBarItemComponents";
+var ToolUseBarItemComponent = function(param) {
+    var tool = param.tool, prefixCls = param.prefixCls, hashId = param.hashId, onClick = param.onClick, isActive = param.isActive, onActiveChange = param.onActiveChange, isExpanded = param.isExpanded, onExpandedChange = param.onExpandedChange, defaultExpanded = param.defaultExpanded, _param_light = param.light, light = _param_light === void 0 ? false : _param_light;
+    // 使用 useMergedState 来管理展开状态
+    var _useMergedState = _sliced_to_array(useMergedState(defaultExpanded !== null && defaultExpanded !== void 0 ? defaultExpanded : false, {
+        value: isExpanded,
+        onChange: onExpandedChange ? function(value) {
+            return onExpandedChange(tool.id, value);
+        } : undefined
+    }), 2), expanded = _useMergedState[0], setExpanded = _useMergedState[1];
+    var showContent = useMemo(function() {
+        return !!(tool.status === 'error' && tool.errorMessage) || !!tool.content;
+    }, [
+        tool.status,
+        tool.errorMessage,
+        tool.content
+    ]);
+    // 使用 useMemo 优化样式类名
+    var toolClassName = useMemo(function() {
+        var _obj;
+        return classnames("".concat(prefixCls, "-tool ").concat(hashId), (_obj = {}, _define_property(_obj, "".concat(prefixCls, "-tool-success"), tool.status === 'success'), _define_property(_obj, "".concat(prefixCls, "-tool-loading"), tool.status === 'loading'), _define_property(_obj, "".concat(prefixCls, "-tool-loading-light"), tool.status === 'loading' && light), _define_property(_obj, "".concat(prefixCls, "-tool-error"), tool.status === 'error'), _define_property(_obj, "".concat(prefixCls, "-tool-idle"), tool.status === 'idle'), _define_property(_obj, "".concat(prefixCls, "-tool-active"), isActive && !expanded), _define_property(_obj, "".concat(prefixCls, "-tool-expanded"), expanded), _define_property(_obj, "".concat(prefixCls, "-tool-light"), light), _obj));
+    }, [
         prefixCls,
         hashId,
+        tool.status,
         light,
-        showContent: true,
-        expanded: true
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: tool.id,
-      "data-testid": "ToolUserItem",
-      className: classnames(toolClassName, {
-        [`${prefixCls}-tool-collapsed`]: !showContent
-      })
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: classnames(toolBarClassName, {
-          [`${prefixCls}-tool-bar-collapsed`]: !showContent
-        }),
-        "data-testid": "tool-user-item-tool-bar",
-        onClick: handleClick
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: toolHeaderClassName,
-          "data-testid": "tool-user-item-tool-header"
-        },
-        /* @__PURE__ */ React.createElement(ToolImage, { tool, prefixCls, hashId })
-      ),
-      /* @__PURE__ */ React.createElement(
-        ToolHeaderRight,
-        {
-          tool,
-          prefixCls,
-          hashId,
-          light
+        isActive,
+        expanded
+    ]);
+    var toolBarClassName = useMemo(function() {
+        return classnames("".concat(prefixCls, "-tool-bar"), hashId);
+    }, [
+        prefixCls,
+        hashId
+    ]);
+    var toolHeaderClassName = useMemo(function() {
+        return classnames("".concat(prefixCls, "-tool-header"), hashId);
+    }, [
+        prefixCls,
+        hashId
+    ]);
+    var handleClick = useCallback(function(e) {
+        onClick === null || onClick === void 0 ? void 0 : onClick(tool.id);
+        if (onActiveChange && !showContent) {
+            onActiveChange(tool.id, !isActive);
         }
-      ),
-      /* @__PURE__ */ React.createElement(ToolTime, { tool, prefixCls, hashId }),
-      /* @__PURE__ */ React.createElement(
-        ToolExpand,
-        {
-          showContent,
-          expanded,
-          prefixCls,
-          hashId,
-          onExpandClick: handleExpandClick
+        // 如果没有内容需要展示，则早返回
+        if (!showContent) return;
+        // 避免在交互性子元素上误触发折叠
+        if (e.target instanceof Element) {
+            var tag = e.target.tagName.toLowerCase();
+            if ([
+                'a',
+                'button',
+                'input',
+                'textarea',
+                'select',
+                'label'
+            ].includes(tag)) return;
         }
-      )
-    ),
-    /* @__PURE__ */ React.createElement(
-      ToolContent,
-      {
-        tool,
-        prefixCls,
-        hashId,
-        light,
+        // 使用函数式更新避免闭包陈旧值问题
+        setExpanded(function(prev) {
+            return !prev;
+        });
+    }, [
+        onClick,
+        tool.id,
+        onActiveChange,
         showContent,
-        expanded
-      }
-    )
-  );
-};
-var ToolUseBarItem = memo(ToolUseBarItemComponent);
-export {
-  ToolUseBarItem
+        isActive,
+        setExpanded
+    ]);
+    var handleExpandClick = useCallback(function(e) {
+        e.stopPropagation(); // 阻止事件冒泡到父元素
+        setExpanded(function(prev) {
+            return !prev;
+        });
+    }, [
+        setExpanded
+    ]);
+    if (tool.type === 'summary') {
+        return /*#__PURE__*/ React.createElement(ToolContent, {
+            tool: tool,
+            prefixCls: prefixCls,
+            hashId: hashId,
+            light: light,
+            showContent: true,
+            expanded: true
+        });
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        key: tool.id,
+        "data-testid": "ToolUserItem",
+        className: classnames(toolClassName, _define_property({}, "".concat(prefixCls, "-tool-collapsed"), !showContent))
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classnames(toolBarClassName, _define_property({}, "".concat(prefixCls, "-tool-bar-collapsed"), !showContent)),
+        "data-testid": "tool-user-item-tool-bar",
+        onClick: handleClick
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: toolHeaderClassName,
+        "data-testid": "tool-user-item-tool-header"
+    }, /*#__PURE__*/ React.createElement(ToolImage, {
+        tool: tool,
+        prefixCls: prefixCls,
+        hashId: hashId
+    })), /*#__PURE__*/ React.createElement(ToolHeaderRight, {
+        tool: tool,
+        prefixCls: prefixCls,
+        hashId: hashId,
+        light: light
+    }), /*#__PURE__*/ React.createElement(ToolTime, {
+        tool: tool,
+        prefixCls: prefixCls,
+        hashId: hashId
+    }), /*#__PURE__*/ React.createElement(ToolExpand, {
+        showContent: showContent,
+        expanded: expanded,
+        prefixCls: prefixCls,
+        hashId: hashId,
+        onExpandClick: handleExpandClick
+    })), /*#__PURE__*/ React.createElement(ToolContent, {
+        tool: tool,
+        prefixCls: prefixCls,
+        hashId: hashId,
+        light: light,
+        showContent: showContent,
+        expanded: expanded
+    }));
 };
+// 使用 memo 优化组件，避免不必要的重新渲染
+export var ToolUseBarItem = /*#__PURE__*/ memo(ToolUseBarItemComponent);