@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/MarkdownInputField/SendButton/index.js

@@ -1,33 +1,58 @@
-var __defProp = Object.defineProperty;
-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 __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
+    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;
-};
-
-// src/MarkdownInputField/SendButton/index.tsx
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 import { ConfigProvider } from "antd";
 import classNames from "classnames";
 import { motion } from "framer-motion";
@@ -36,105 +61,120 @@ import { ErrorBoundary } from "react-error-boundary";
 import { StopIcon } from "../../AgentRunBar/icons";
 import { useStyle } from "./style";
 function SendIcon(props) {
-  const _a = props, { hover, typing, onInit } = _a, rest = __objRest(_a, ["hover", "typing", "onInit"]);
-  useEffect(() => {
-    onInit == null ? void 0 : onInit();
-  }, []);
-  if (typing) {
-    return /* @__PURE__ */ React.createElement(StopIcon, __spreadValues({}, rest));
-  }
-  return /* @__PURE__ */ React.createElement(
-    "svg",
-    __spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 32 32"
-    }, rest),
-    /* @__PURE__ */ React.createElement(
-      motion.circle,
-      {
+    var hover = props.hover, typing = props.typing, onInit = props.onInit, rest = _object_without_properties(props, [
+        "hover",
+        "typing",
+        "onInit"
+    ]);
+    useEffect(function() {
+        onInit === null || onInit === void 0 ? void 0 : onInit();
+    }, []);
+    if (typing) {
+        return /*#__PURE__*/ React.createElement(StopIcon, rest);
+    }
+    return /*#__PURE__*/ React.createElement("svg", _object_spread({
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        width: "1em",
+        height: "1em",
+        viewBox: "0 0 32 32"
+    }, rest), /*#__PURE__*/ React.createElement(motion.circle, {
         cx: "50%",
         cy: "50%",
         r: "0.5em",
         animate: {
-          fill: hover ? "#14161C" : "#001C39",
-          fillOpacity: hover ? 1 : 0.03530000150203705
+            fill: hover ? '#14161C' : '#001C39',
+            fillOpacity: hover ? 1 : 0.03530000150203705
         },
         transition: {
-          duration: 0.6,
-          ease: "easeInOut"
+            duration: 0.6,
+            ease: 'easeInOut'
         }
-      }
-    ),
-    /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
-      motion.path,
-      {
+    }), /*#__PURE__*/ React.createElement("g", null, /*#__PURE__*/ React.createElement(motion.path, {
         d: "M16.667 12.943l3.528 3.528a.667.667 0 00.943-.942l-4.666-4.667a.665.665 0 00-.943 0l-4.667 4.667a.667.667 0 10.943.942l3.528-3.528v7.724a.667.667 0 101.334 0v-7.724z",
         fillRule: "evenodd",
         animate: {
-          fill: hover ? "#fff" : "#00183D",
-          fillOpacity: hover ? 1 : 0.24709999561309814
+            fill: hover ? '#fff' : '#00183D',
+            fillOpacity: hover ? 1 : 0.24709999561309814
         },
         transition: {
-          duration: 0.2,
-          ease: "easeInOut"
+            duration: 0.2,
+            ease: 'easeInOut'
         }
-      }
-    ))
-  );
+    })));
 }
-var SendButton = (props) => {
-  const { isSendable, disabled, typing, onClick, style } = props;
-  useEffect(() => {
-    var _a;
-    (_a = props.onInit) == null ? void 0 : _a.call(props);
-  }, []);
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("agentic-md-input-field-send-button");
-  const { wrapSSR, hashId } = useStyle(baseCls);
-  if (typeof window === "undefined" || typeof document === "undefined" || !window.document) {
-    return null;
-  }
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
+/**
+ * SendButton 组件 - 发送按钮组件
+ *
+ * 该组件提供一个可点击的发送按钮，根据不同状态（悬停、禁用、输入中）
+ * 呈现不同的视觉效果和动画。支持紧凑模式和自定义样式。
+ *
+ * @component
+ * @description 发送按钮组件，支持多种状态和动画效果
+ * @param {SendButtonProps} props - 组件属性
+ * @param {boolean} props.isHover - 指示鼠标是否悬停在按钮上
+ * @param {boolean} props.disabled - 指示按钮是否禁用
+ * @param {boolean} props.typing - 指示是否处于输入状态
+ * @param {() => void} props.onClick - 点击按钮时的回调函数
+ * @param {React.CSSProperties} [props.style] - 应用于按钮容器的自定义样式
+ * @param {() => void} [props.onInit] - 组件初始化时调用的可选回调函数
+ * @param {boolean} [props.compact] - 是否使用紧凑模式样式
+ *
+ * @example
+ * ```tsx
+ * <SendButton
+ *   isHover={false}
+ *   disabled={false}
+ *   typing={false}
+ *   onClick={() => console.log('发送消息')}
+ *   compact={false}
+ * />
+ * ```
+ *
+ * @returns {React.ReactElement|null} 渲染的发送按钮组件，SSR环境下返回null
+ *
+ * @remarks
+ * - 支持悬停、禁用、输入中等多种状态
+ * - 提供流畅的动画效果
+ * - 支持紧凑模式显示
+ * - 在SSR环境下不渲染
+ */ export var SendButton = function(props) {
+    var isSendable = props.isSendable, disabled = props.disabled, typing = props.typing, onClick = props.onClick, style = props.style;
+    useEffect(function() {
+        var _props_onInit;
+        (_props_onInit = props.onInit) === null || _props_onInit === void 0 ? void 0 : _props_onInit.call(props);
+    }, []);
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var baseCls = getPrefixCls('agentic-md-input-field-send-button');
+    var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    if (typeof window === 'undefined' || typeof document === 'undefined' || !window.document) {
+        // SSR 环境下不渲染
+        return null;
+    }
+    var _obj;
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         "data-testid": "send-button",
-        onClick: () => {
-          if (!disabled) {
-            onClick();
-          }
+        onClick: function() {
+            if (!disabled) {
+                onClick();
+            }
         },
         role: "button",
         tabIndex: 0,
-        onKeyDown: (e) => {
-          if (disabled)
-            return;
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            onClick();
-          }
+        onKeyDown: function(e) {
+            if (disabled) return;
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault(); // 防止键盘事件触发 click 事件
+                onClick();
+            }
         },
-        style,
-        className: classNames(baseCls, hashId, {
-          [`${baseCls}-compact`]: props.compact,
-          [`${baseCls}-disabled`]: disabled,
-          [`${baseCls}-typing`]: typing
-        })
-      },
-      /* @__PURE__ */ React.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ React.createElement("div", null) }, /* @__PURE__ */ React.createElement(
-        SendIcon,
-        {
-          hover: isSendable && !disabled,
-          disabled,
-          typing
-        }
-      ))
-    )
-  );
-};
-export {
-  SendButton
+        style: style,
+        className: classNames(baseCls, hashId, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-compact"), props.compact), _define_property(_obj, "".concat(baseCls, "-disabled"), disabled), _define_property(_obj, "".concat(baseCls, "-typing"), typing), _obj))
+    }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
+        fallback: /*#__PURE__*/ React.createElement("div", null)
+    }, /*#__PURE__*/ React.createElement(SendIcon, {
+        hover: isSendable && !disabled,
+        disabled: disabled,
+        typing: typing
+    }))));
 };

package/dist/MarkdownInputField/SendButton/style.js

@@ -1,70 +1,101 @@
-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/MarkdownInputField/SendButton/style.ts
+    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 { Keyframes } from "@ant-design/cssinjs";
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var pauseIconRotate = new Keyframes("pauseIconRotate", {
-  "0%": {
-    transform: "rotate(0deg)"
-  },
-  "100%": {
-    transform: "rotate(360deg)"
-  }
-});
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      fontSize: "32px",
-      height: 32,
-      display: "flex",
-      alignItems: "center",
-      lineHeight: "32px",
-      cursor: "pointer",
-      "&&-disabled": {
-        cursor: "not-allowed",
-        opacity: 1
-      },
-      // 旋转动画样式
-      ".pause-icon-ring": {
-        transition: "transform 0.1s ",
-        transformOrigin: "16px 16px",
-        animationName: pauseIconRotate,
-        animationDuration: "1s",
-        animationTimingFunction: "linear",
-        animationIterationCount: "infinite"
-      }
+import { resetComponent, useEditorStyleRegister } from "../../Hooks/useStyle";
+// 定义旋转动画
+var pauseIconRotate = new Keyframes('pauseIconRotate', {
+    '0%': {
+        transform: 'rotate(0deg)'
+    },
+    '100%': {
+        transform: 'rotate(360deg)'
     }
-  };
+});
+var genStyle = function(token) {
+    return _define_property({}, token.componentCls, {
+        fontSize: '32px',
+        height: 32,
+        display: 'flex',
+        alignItems: 'center',
+        lineHeight: '32px',
+        cursor: 'pointer',
+        '&&-disabled': {
+            cursor: 'not-allowed',
+            opacity: 1
+        },
+        // 旋转动画样式
+        '.pause-icon-ring': {
+            transition: 'transform 0.1s ',
+            transformOrigin: '16px 16px',
+            animationName: pauseIconRotate,
+            animationDuration: '1s',
+            animationTimingFunction: 'linear',
+            animationIterationCount: 'infinite'
+        }
+    });
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("SendButton", (token) => {
-    const proChatToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+/**
+ * Probubble
+ * @param prefixCls
+ * @returns
+ */ export function useStyle(prefixCls) {
+    return useEditorStyleRegister('SendButton', function(token) {
+        var proChatToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(proChatToken),
+            genStyle(proChatToken)
+        ];
     });
-    return [resetComponent(proChatToken), genStyle(proChatToken)];
-  });
 }
-export {
-  useStyle
-};

package/dist/MarkdownInputField/SkillModeBar/hooks/index.js

@@ -1,5 +1,3 @@
-// src/MarkdownInputField/SkillModeBar/hooks/index.ts
-import { useSkillModeState } from "./useSkillModeState";
-export {
-  useSkillModeState
-};
+/**
+ * SkillModeBar hooks 模块导出
+ */ export { useSkillModeState } from "./useSkillModeState";

package/dist/MarkdownInputField/SkillModeBar/hooks/useSkillModeState.js

@@ -1,30 +1,55 @@
-// src/MarkdownInputField/SkillModeBar/hooks/useSkillModeState.ts
 import { useRef } from "react";
 import { useUpdateEffect } from "react-use";
 import { useRefFunction } from "../../../Hooks/useRefFunction";
-function useSkillModeState(skillMode, onSkillModeOpenChange) {
-  const prevSkillModeOpenRef = useRef(skillMode == null ? void 0 : skillMode.open);
-  const skipNextCallbackRef = useRef(false);
-  const handleInternalSkillModeChange = useRefFunction((open) => {
-    if (onSkillModeOpenChange) {
-      skipNextCallbackRef.current = true;
-      onSkillModeOpenChange(open);
-    }
-  });
-  useUpdateEffect(() => {
-    const currentOpen = skillMode == null ? void 0 : skillMode.open;
-    const prevOpen = prevSkillModeOpenRef.current;
-    if (currentOpen !== prevOpen) {
-      prevSkillModeOpenRef.current = currentOpen;
-      if (skipNextCallbackRef.current) {
-        skipNextCallbackRef.current = false;
-        return;
-      }
-      onSkillModeOpenChange == null ? void 0 : onSkillModeOpenChange(!!currentOpen);
-    }
-  }, [skillMode == null ? void 0 : skillMode.open, onSkillModeOpenChange]);
-  return handleInternalSkillModeChange;
+/**
+ * 技能模式状态管理 Hook
+ * @description 处理技能模式的状态变化，具备以下特性：
+ * - 使用 useUpdateEffect 自动跳过初始化时的回调
+ * - 防止内部操作触发的重复回调
+ * - 只在真正的外部状态变化时触发回调
+ * @param skillMode 技能模式配置
+ * @param onSkillModeOpenChange 状态变化回调函数
+ * @returns 内部状态变化处理函数
+ *
+ * @example
+ * ```tsx
+ * const handleInternalChange = useSkillModeState(skillMode, onSkillModeOpenChange);
+ *
+ * // 在内部操作时使用
+ * const handleCloseClick = () => {
+ *   handleInternalChange(false); // 避免重复回调
+ * };
+ * ```
+ */ export function useSkillModeState(skillMode, onSkillModeOpenChange) {
+    // 追踪技能模式状态变化
+    var prevSkillModeOpenRef = useRef(skillMode === null || skillMode === void 0 ? void 0 : skillMode.open);
+    // 简洁的重复回调防护：标记是否跳过下一次外部回调
+    var skipNextCallbackRef = useRef(false);
+    // 简洁的内部技能模式状态变化处理
+    var handleInternalSkillModeChange = useRefFunction(function(open) {
+        // 仅在存在回调时才设置跳过标志
+        if (onSkillModeOpenChange) {
+            skipNextCallbackRef.current = true;
+            onSkillModeOpenChange(open);
+        }
+    });
+    // 监听外部技能模式状态变化（跳过初始化）
+    useUpdateEffect(function() {
+        var currentOpen = skillMode === null || skillMode === void 0 ? void 0 : skillMode.open;
+        var prevOpen = prevSkillModeOpenRef.current;
+        if (currentOpen !== prevOpen) {
+            prevSkillModeOpenRef.current = currentOpen;
+            // 如果需要跳过此次回调（避免内部操作的重复回调）
+            if (skipNextCallbackRef.current) {
+                skipNextCallbackRef.current = false;
+                return;
+            }
+            // 触发外部状态变化回调
+            onSkillModeOpenChange === null || onSkillModeOpenChange === void 0 ? void 0 : onSkillModeOpenChange(!!currentOpen);
+        }
+    }, [
+        skillMode === null || skillMode === void 0 ? void 0 : skillMode.open,
+        onSkillModeOpenChange
+    ]);
+    return handleInternalSkillModeChange;
 }
-export {
-  useSkillModeState
-};