@ant-design/agentic-ui 2.8.0 → 2.10.0

package/dist/Bubble/MessagesContent/VoiceButton/index.js

@@ -1,4 +1,61 @@
-// src/Bubble/MessagesContent/VoiceButton/index.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 _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+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 _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread 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 _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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 { ChevronDown, Pause, Play } from "@sofa-design/icons";
 import { ConfigProvider, Dropdown, Flex, Tooltip } from "antd";
 import classNames from "classnames";
@@ -7,124 +64,165 @@ import { useSpeechSynthesis } from "../../../Hooks/useSpeechSynthesis";
 import VoicePlayLottie from "../../../Icons/animated/VoicePlayLottie";
 import VoicingLottie from "../../../Icons/animated/VoicingLottie";
 import { useStyle } from "./style";
-var VoiceButton = ({
-  text,
-  defaultRate = 1,
-  rateOptions = [1.5, 1.25, 1, 0.75],
-  useSpeech
-}) => {
-  const configContext = React.useContext(ConfigProvider.ConfigContext);
-  const prefixCls = (configContext == null ? void 0 : configContext.getPrefixCls(`agent-voice-button`)) || "agent-voice-button";
-  const { wrapSSR, hashId } = useStyle(prefixCls);
-  const [isPlayHover, setIsPlayHover] = useState(false);
-  const [isPlayingHovered, setIsPlayingHovered] = useState(false);
-  const speechAdapter = useMemo(() => useSpeech || useSpeechSynthesis, []);
-  const { isSupported, isPlaying, rate, setRate, start, stop, pause, resume } = speechAdapter({
-    text,
-    defaultRate
-  });
-  const isFeatureSupported = useMemo(
-    () => speechAdapter !== useSpeechSynthesis || isSupported,
-    [speechAdapter, isSupported]
-  );
-  const handleClick = () => {
-    if (!isFeatureSupported || !text)
-      return;
-    if (!isPlaying) {
-      start();
-      return;
-    }
-    stop();
-  };
-  const handleStop = () => {
-    setIsPlayingHovered(false);
-    setIsPlayHover(false);
-    stop();
-  };
-  const handlePlayingMouseEnter = () => {
-    setIsPlayingHovered(true);
-    if (isPlaying) {
-      pause();
-    }
-  };
-  const handlePlayingMouseLeave = () => {
-    setIsPlayingHovered(false);
-    if (isPlaying) {
-      resume();
-    }
-  };
-  const tooltipText = useMemo(() => {
-    if (!isFeatureSupported)
-      return "当前环境不支持语音播报";
-    return isPlaying ? "停止播报" : "语音播报";
-  }, [isFeatureSupported, isPlaying]);
-  const normalizedRateOptions = useMemo(() => {
-    const set = /* @__PURE__ */ new Set([...rateOptions, 1]);
-    return Array.from(set).sort((a, b) => b - a);
-  }, [rateOptions]);
-  const menuItems = useMemo(
-    () => normalizedRateOptions.map((r) => ({
-      key: String(r),
-      label: /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-rateItem`, hashId) }, /* @__PURE__ */ React.createElement("span", null, `${r}x`), r === rate ? /* @__PURE__ */ React.createElement("span", null, "✓") : null)
-    })),
-    [normalizedRateOptions, rate, prefixCls, hashId]
-  );
-  const rateDisplay = useMemo(() => `${rate}x`, [rate]);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
+export var VoiceButton = function(param) {
+    var text = param.text, _param_defaultRate = param.defaultRate, defaultRate = _param_defaultRate === void 0 ? 1 : _param_defaultRate, _param_rateOptions = param.rateOptions, rateOptions = _param_rateOptions === void 0 ? [
+        1.5,
+        1.25,
+        1,
+        0.75
+    ] : _param_rateOptions, useSpeech = param.useSpeech;
+    var configContext = React.useContext(ConfigProvider.ConfigContext);
+    var prefixCls = (configContext === null || configContext === void 0 ? void 0 : configContext.getPrefixCls("agent-voice-button")) || 'agent-voice-button';
+    var _useStyle = useStyle(prefixCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var _useState = _sliced_to_array(useState(false), 2), isPlayHover = _useState[0], setIsPlayHover = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), isPlayingHovered = _useState1[0], setIsPlayingHovered = _useState1[1];
+    // 首渲染冻结适配器，防止运行时切换导致 Hooks 调用顺序风险
+    var speechAdapter = useMemo(function() {
+        return useSpeech || useSpeechSynthesis;
+    }, []);
+    var _speechAdapter = speechAdapter({
+        text: text,
+        defaultRate: defaultRate
+    }), isSupported = _speechAdapter.isSupported, isPlaying = _speechAdapter.isPlaying, rate = _speechAdapter.rate, setRate = _speechAdapter.setRate, start = _speechAdapter.start, stop = _speechAdapter.stop, pause = _speechAdapter.pause, resume = _speechAdapter.resume;
+    // 如果外部提供了自定义适配器，则视为一定可用，避免受浏览器 Web Speech 支持度影响
+    var isFeatureSupported = useMemo(function() {
+        return speechAdapter !== useSpeechSynthesis || isSupported;
+    }, [
+        speechAdapter,
+        isSupported
+    ]);
+    var handleClick = function() {
+        if (!isFeatureSupported || !text) return;
+        if (!isPlaying) {
+            start();
+            return;
+        }
+        stop();
+    };
+    var handleStop = function() {
+        setIsPlayingHovered(false);
+        setIsPlayHover(false);
+        stop();
+    };
+    var handlePlayingMouseEnter = function() {
+        setIsPlayingHovered(true);
+        if (isPlaying) {
+            pause();
+        }
+    };
+    var handlePlayingMouseLeave = function() {
+        setIsPlayingHovered(false);
+        if (isPlaying) {
+            resume();
+        }
+    };
+    var tooltipText = useMemo(function() {
+        if (!isFeatureSupported) return '当前环境不支持语音播报';
+        return isPlaying ? '停止播报' : '语音播报';
+    }, [
+        isFeatureSupported,
+        isPlaying
+    ]);
+    var normalizedRateOptions = useMemo(function() {
+        var set = new Set(_to_consumable_array(rateOptions).concat([
+            1
+        ]));
+        return Array.from(set).sort(function(a, b) {
+            return b - a;
+        });
+    }, [
+        rateOptions
+    ]);
+    var menuItems = useMemo(function() {
+        return normalizedRateOptions.map(function(r) {
+            return {
+                key: String(r),
+                label: /*#__PURE__*/ React.createElement("div", {
+                    className: classNames("".concat(prefixCls, "-rateItem"), hashId)
+                }, /*#__PURE__*/ React.createElement("span", null, "".concat(r, "x")), r === rate ? /*#__PURE__*/ React.createElement("span", null, "✓") : null)
+            };
+        });
+    }, [
+        normalizedRateOptions,
+        rate,
+        prefixCls,
+        hashId
+    ]);
+    var rateDisplay = useMemo(function() {
+        return "".concat(rate, "x");
+    }, [
+        rate
+    ]);
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         style: {
-          display: "flex",
-          alignItems: "center",
-          gap: 8
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8
         }
-      },
-      !isPlaying ? /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          onMouseEnter: () => setIsPlayHover(true),
-          onMouseLeave: () => setIsPlayHover(false),
-          onClick: handleClick,
-          className: classNames(`${prefixCls}-playBox`, hashId),
-          role: "button",
-          tabIndex: 0,
-          "aria-label": "语音播报",
-          "aria-disabled": !isFeatureSupported || !text
+    }, !isPlaying ? /*#__PURE__*/ React.createElement("div", {
+        onMouseEnter: function() {
+            return setIsPlayHover(true);
         },
-        /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipText, mouseEnterDelay: 0.1 }, /* @__PURE__ */ React.createElement(Flex, { align: "center", justify: "center" }, isPlayHover ? /* @__PURE__ */ React.createElement(VoicePlayLottie, { size: 16, autoplay: true, loop: false }) : /* @__PURE__ */ React.createElement(Play, { fontSize: 14 })))
-      ) : /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-playingWrap`, hashId) }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${prefixCls}-playingBox`, hashId),
-          onMouseEnter: handlePlayingMouseEnter,
-          onMouseLeave: handlePlayingMouseLeave,
-          onClick: handleStop,
-          role: "button",
-          tabIndex: 0,
-          "aria-label": "停止播报"
+        onMouseLeave: function() {
+            return setIsPlayHover(false);
         },
-        /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipText, mouseEnterDelay: 0.1 }, /* @__PURE__ */ React.createElement(Flex, { align: "center", justify: "center" }, isPlayingHovered ? /* @__PURE__ */ React.createElement(Pause, { fontSize: 14 }) : /* @__PURE__ */ React.createElement(VoicingLottie, { size: 16 })))
-      ), /* @__PURE__ */ React.createElement(
-        Dropdown,
-        {
-          trigger: ["click"],
-          menu: {
+        onClick: handleClick,
+        className: classNames("".concat(prefixCls, "-playBox"), hashId),
+        role: "button",
+        tabIndex: 0,
+        "aria-label": '语音播报',
+        "aria-disabled": !isFeatureSupported || !text
+    }, /*#__PURE__*/ React.createElement(Tooltip, {
+        title: tooltipText,
+        mouseEnterDelay: 0.1
+    }, /*#__PURE__*/ React.createElement(Flex, {
+        align: "center",
+        justify: "center"
+    }, isPlayHover ? /*#__PURE__*/ React.createElement(VoicePlayLottie, {
+        size: 16,
+        autoplay: true,
+        loop: false
+    }) : /*#__PURE__*/ React.createElement(Play, {
+        fontSize: 14
+    })))) : /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-playingWrap"), hashId)
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-playingBox"), hashId),
+        onMouseEnter: handlePlayingMouseEnter,
+        onMouseLeave: handlePlayingMouseLeave,
+        onClick: handleStop,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": '停止播报'
+    }, /*#__PURE__*/ React.createElement(Tooltip, {
+        title: tooltipText,
+        mouseEnterDelay: 0.1
+    }, /*#__PURE__*/ React.createElement(Flex, {
+        align: "center",
+        justify: "center"
+    }, isPlayingHovered ? /*#__PURE__*/ React.createElement(Pause, {
+        fontSize: 14
+    }) : /*#__PURE__*/ React.createElement(VoicingLottie, {
+        size: 16
+    })))), /*#__PURE__*/ React.createElement(Dropdown, {
+        trigger: [
+            'click'
+        ],
+        menu: {
             items: menuItems,
-            onClick: (info) => {
-              const v = Number(info.key);
-              if (!Number.isNaN(v))
-                setRate(v);
+            onClick: function(info) {
+                var v = Number(info.key);
+                if (!Number.isNaN(v)) setRate(v);
             }
-          }
-        },
-        /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-rateBox`, hashId) }, /* @__PURE__ */ React.createElement("span", { style: { fontSize: 12 } }, rate === 1 ? "倍速" : rateDisplay), /* @__PURE__ */ React.createElement(ChevronDown, { fontSize: 14 }))
-      ))
-    )
-  );
-};
-var VoiceButton_default = VoiceButton;
-export {
-  VoiceButton,
-  VoiceButton_default as default
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-rateBox"), hashId)
+    }, /*#__PURE__*/ React.createElement("span", {
+        style: {
+            fontSize: 12
+        }
+    }, rate === 1 ? '倍速' : rateDisplay), /*#__PURE__*/ React.createElement(ChevronDown, {
+        fontSize: 14
+    }))))));
 };
+export default VoiceButton;

package/dist/Bubble/MessagesContent/VoiceButton/style.js

@@ -1,109 +1,133 @@
-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/Bubble/MessagesContent/VoiceButton/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../../Hooks/useStyle";
-var genStyle = (token) => {
-  const playBoxSize = 28;
-  const innerBoxSize = 24;
-  return {
-    [token.componentCls]: {
-      display: "flex",
-      alignItems: "center",
-      gap: 8,
-      "&-playBox": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: playBoxSize,
-        // 28
-        height: playBoxSize,
-        cursor: "pointer",
-        borderRadius: 6,
-        boxSizing: "border-box"
-      },
-      "&-playBox:hover": {
-        background: "var(--color-gray-control-fill-hover)",
-        borderRadius: "var(--radius-control-base)",
-        backdropFilter: "blur(20px)",
-        boxSizing: "border-box"
-      },
-      "&-playingWrap": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        borderRadius: 6,
-        background: "#FFFFFF",
-        boxShadow: "var(--shadow-control-base)",
-        width: 86,
-        height: 28,
-        padding: "2px"
-      },
-      "&-playingBox": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: innerBoxSize,
-        // 24
-        height: innerBoxSize,
-        // 24
-        borderRadius: 6,
-        cursor: "pointer"
-      },
-      "&-playingBox:hover": {
-        background: "var(--color-gray-control-fill-hover)"
-      },
-      "&-rateBox": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        padding: "6px 8px",
-        width: 56,
-        height: innerBoxSize,
-        // 24
-        gap: 2,
-        cursor: "pointer",
-        borderRadius: 6
-      },
-      "&-rateBox:hover": {
-        background: "var(--color-gray-control-fill-hover)"
-      },
-      "&-rateItem": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        width: 90
-      }
+    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]);
+        });
     }
-  };
-};
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("VoiceButton", (token) => {
-    const cls = prefixCls ? `.${prefixCls}` : `${token.chatCls}-voice-button`;
-    const proChatToken = __spreadProps(__spreadValues({}, token), { componentCls: cls });
-    return [resetComponent(proChatToken), genStyle(proChatToken)];
-  });
+    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;
 }
-export {
-  useStyle
+import { resetComponent, useEditorStyleRegister } from "../../../Hooks/useStyle";
+var genStyle = function(token) {
+    var playBoxSize = 28;
+    var innerBoxSize = 24;
+    return _define_property({}, token.componentCls, {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+        '&-playBox': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: playBoxSize,
+            height: playBoxSize,
+            cursor: 'pointer',
+            borderRadius: 6,
+            boxSizing: 'border-box'
+        },
+        '&-playBox:hover': {
+            background: 'var(--color-gray-control-fill-hover)',
+            borderRadius: 'var(--radius-control-base)',
+            backdropFilter: 'blur(20px)',
+            boxSizing: 'border-box'
+        },
+        '&-playingWrap': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            borderRadius: 6,
+            background: '#FFFFFF',
+            boxShadow: 'var(--shadow-control-base)',
+            width: 86,
+            height: 28,
+            padding: '2px'
+        },
+        '&-playingBox': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: innerBoxSize,
+            height: innerBoxSize,
+            borderRadius: 6,
+            cursor: 'pointer'
+        },
+        '&-playingBox:hover': {
+            background: 'var(--color-gray-control-fill-hover)'
+        },
+        '&-rateBox': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: '6px 8px',
+            width: 56,
+            height: innerBoxSize,
+            gap: 2,
+            cursor: 'pointer',
+            borderRadius: 6
+        },
+        '&-rateBox:hover': {
+            background: 'var(--color-gray-control-fill-hover)'
+        },
+        '&-rateItem': {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            width: 90
+        }
+    });
 };
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('VoiceButton', function(token) {
+        var cls = prefixCls ? ".".concat(prefixCls) : "".concat(token.chatCls, "-voice-button");
+        var proChatToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: cls
+        });
+        return [
+            resetComponent(proChatToken),
+            genStyle(proChatToken)
+        ];
+    });
+}

package/dist/Bubble/MessagesContent/VoiceButton/types.js

@@ -0,0 +1,9 @@
+/**
+ * 语音播报参数
+ * - 由内置 `useSpeechSynthesis` 或外部传入的 `useSpeech` 适配器消费
+ */ /**
+ * 通用语音适配器接口
+ * - 用于接入除 Web Speech 外的任意 TTS 能力
+ * - 返回结构需满足 `UseSpeechSynthesisResult`
+ * - 当提供该适配器时，`VoiceButton` 将视语音能力为“可用”，不再受浏览器支持度限制
+ */ export { };