@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/MarkdownInputField/TopOperatingArea/style.js

@@ -1,94 +1,111 @@
-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/TopOperatingArea/style.ts
-import {
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var prefixCls = "top-operating-area";
-var genTopOperatingAreaStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      position: "relative",
-      display: "grid",
-      gridTemplateColumns: "1fr auto 1fr",
-      // 使用grid布局确保绝对居中
-      alignItems: "center",
-      height: 32,
-      marginBottom: 8,
-      width: "100%",
-      ["&-left"]: {
-        // 左侧占位，保持空白
-      },
-      ["&-center"]: {
-        display: "flex",
-        justifyContent: "center",
-        alignItems: "center",
-        gridColumn: 2,
-        // 固定在中间列
-        ["&-buttons"]: {
-          display: "flex",
-          justifyContent: "center",
-          alignItems: "center",
-          gap: token.marginXS,
-          height: "100%"
+    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;
+            });
         }
-      },
-      ["&-right"]: {
-        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";
+export var prefixCls = 'top-operating-area';
+// 样式生成函数
+var genTopOperatingAreaStyle = function(token) {
+    var _obj;
+    return _define_property({}, token.componentCls, (_obj = {
+        position: 'relative',
+        display: 'grid',
+        gridTemplateColumns: '1fr auto 1fr',
+        alignItems: 'center',
+        height: 32,
+        marginBottom: 8,
+        width: '100%'
+    }, _define_property(_obj, '&-left', {
+    }), _define_property(_obj, '&-center', _define_property({
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gridColumn: 2
+    }, '&-buttons', {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        gap: token.marginXS,
+        height: '100%'
+    })), _define_property(_obj, '&-right', {
+        display: 'flex',
+        alignItems: 'center',
         gap: token.marginXS,
-        justifyContent: "flex-end",
+        justifyContent: 'flex-end',
         gridColumn: 3,
-        // 固定在右侧列
         minWidth: 40
-        // 为BackTo按钮预留最小空间，防止布局抖动
-      },
-      ["&-back-buttons"]: {
-        display: "flex",
-        alignItems: "center",
+    }), _define_property(_obj, '&-back-buttons', {
+        display: 'flex',
+        alignItems: 'center',
         gap: 4,
-        transition: "opacity 0.3s ease",
+        transition: 'opacity 0.3s ease',
         // 显示状态
-        "&-visible": {
-          visibility: "visible",
-          opacity: 1
+        '&-visible': {
+            visibility: 'visible',
+            opacity: 1
         },
         // 隐藏状态
-        "&-hidden": {
-          visibility: "hidden",
-          opacity: 0
+        '&-hidden': {
+            visibility: 'hidden',
+            opacity: 0
         }
-      }
-    }
-  };
+    }), _obj));
 };
-var useStyle = (prefixCls2) => {
-  return useEditorStyleRegister(prefixCls2, (token) => {
-    const topOperatingAreaToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls2}`
+export var useStyle = function(prefixCls) {
+    return useEditorStyleRegister(prefixCls, function(token) {
+        var topOperatingAreaToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genTopOperatingAreaStyle(topOperatingAreaToken)
+        ];
     });
-    return [genTopOperatingAreaStyle(topOperatingAreaToken)];
-  });
-};
-export {
-  prefixCls,
-  useStyle
 };

package/dist/MarkdownInputField/VoiceInput/index.js

@@ -1,25 +1,140 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+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 _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/MarkdownInputField/VoiceInput/index.tsx
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
 import { Mic } from "@sofa-design/icons";
 import { ConfigProvider, Tooltip } from "antd";
 import classNames from "classnames";
@@ -28,70 +143,83 @@ import { ErrorBoundary } from "react-error-boundary";
 import { I18nContext } from "../../I18n";
 import VoicingLottie from "../../Icons/animated/VoicingLottie";
 import { useStyle } from "./style";
-var VoiceInputButton = (props) => {
-  const { recording, disabled, onStart, onStop, style } = props;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("agentic-md-input-field-voice-button");
-  const { wrapSSR, hashId } = useStyle(baseCls);
-  const dom = props.title ? /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: 4
-      }
-    },
-    recording ? /* @__PURE__ */ React.createElement(VoicingLottie, { size: 16 }) : /* @__PURE__ */ React.createElement(Mic, null),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
+/**
+ * 语音输入按钮。
+ * - recording=false：未开始
+ * - recording=true：录音中
+ * 外部通过 `createRecognizer` 提供语音识别实现。
+ */ export var VoiceInputButton = function(props) {
+    var recording = props.recording, disabled = props.disabled, onStart = props.onStart, onStop = props.onStop, style = props.style;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var baseCls = getPrefixCls('agentic-md-input-field-voice-button');
+    var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var dom = props.title ? /*#__PURE__*/ React.createElement("div", {
         style: {
-          font: "var(--font-text-body-base)",
-          letterSpacing: "var(--letter-spacing-body-base, normal)",
-          color: "var(--color-gray-text-default)"
+            display: 'flex',
+            alignItems: 'center',
+            gap: 4
         }
-      },
-      props.title
-    )
-  ) : recording ? /* @__PURE__ */ React.createElement(VoicingLottie, { size: 16 }) : /* @__PURE__ */ React.createElement(Mic, null);
-  const { locale } = useContext(I18nContext);
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(
-      Tooltip,
-      {
+    }, recording ? /*#__PURE__*/ React.createElement(VoicingLottie, {
+        size: 16
+    }) : /*#__PURE__*/ React.createElement(Mic, null), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            font: 'var(--font-text-body-base)',
+            letterSpacing: 'var(--letter-spacing-body-base, normal)',
+            color: 'var(--color-gray-text-default)'
+        }
+    }, props.title)) : recording ? /*#__PURE__*/ React.createElement(VoicingLottie, {
+        size: 16
+    }) : /*#__PURE__*/ React.createElement(Mic, null);
+    var locale = useContext(I18nContext).locale;
+    var _obj;
+    return wrapSSR(/*#__PURE__*/ React.createElement(Tooltip, {
         mouseEnterDelay: 1,
         arrow: false,
-        title: recording ? (locale == null ? void 0 : locale["input.voiceInputting"]) || "语音输入中，点击可停止。" : (locale == null ? void 0 : locale["input.voiceInput"]) || "语音输入"
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          "data-testid": "voice-input-button",
-          role: "button",
-          "aria-pressed": recording,
-          className: classNames(baseCls, hashId, {
-            [`${baseCls}-disabled`]: disabled,
-            [`${baseCls}-recording`]: recording
-          }),
-          style,
-          onClick: () => __async(void 0, null, function* () {
-            if (disabled)
-              return;
-            if (recording) {
-              yield onStop();
-            } else {
-              yield onStart();
-            }
-          })
-        },
-        /* @__PURE__ */ React.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ React.createElement("div", null) }, dom)
-      )
-    )
-  );
-};
-var VoiceInput_default = VoiceInputButton;
-export {
-  VoiceInputButton,
-  VoiceInput_default as default
+        title: recording ? (locale === null || locale === void 0 ? void 0 : locale['input.voiceInputting']) || '语音输入中，点击可停止。' : (locale === null || locale === void 0 ? void 0 : locale['input.voiceInput']) || '语音输入'
+    }, /*#__PURE__*/ React.createElement("div", {
+        "data-testid": "voice-input-button",
+        role: "button",
+        "aria-pressed": recording,
+        className: classNames(baseCls, hashId, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), disabled), _define_property(_obj, "".concat(baseCls, "-recording"), recording), _obj)),
+        style: style,
+        onClick: /*#__PURE__*/ _async_to_generator(function() {
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (disabled) return [
+                            2
+                        ];
+                        if (!recording) return [
+                            3,
+                            2
+                        ];
+                        return [
+                            4,
+                            onStop()
+                        ];
+                    case 1:
+                        _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 2:
+                        return [
+                            4,
+                            onStart()
+                        ];
+                    case 3:
+                        _state.sent();
+                        _state.label = 4;
+                    case 4:
+                        return [
+                            2
+                        ];
+                }
+            });
+        })
+    }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
+        fallback: /*#__PURE__*/ React.createElement("div", null)
+    }, dom))));
 };
+export default VoiceInputButton;

package/dist/MarkdownInputField/VoiceInput/style.js

@@ -1,64 +1,90 @@
-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/VoiceInput/style.ts
-import {
-  resetComponent,
-  useEditorStyleRegister
-} from "../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      height: "32px",
-      minWidth: "32px",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      padding: "8px",
-      cursor: "pointer",
-      borderRadius: "8px",
-      backdropFilter: "blur(20px)",
-      fontSize: "16px",
-      gap: "4px",
-      color: "var(--color-gray-text-secondary)",
-      "&:hover": {
-        background: "var(--color-gray-control-fill-hover)"
-      },
-      "&&-disabled": {
-        cursor: "not-allowed",
-        opacity: 0.5
-      },
-      "&&-recording": {
-        background: "rgba(0, 116, 255, 0.09)"
-      }
+    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 { resetComponent, useEditorStyleRegister } from "../../Hooks/useStyle";
+var genStyle = function(token) {
+    return _define_property({}, token.componentCls, {
+        height: '32px',
+        minWidth: '32px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '8px',
+        cursor: 'pointer',
+        borderRadius: '8px',
+        backdropFilter: 'blur(20px)',
+        fontSize: '16px',
+        gap: '4px',
+        color: 'var(--color-gray-text-secondary)',
+        '&:hover': {
+            background: 'var(--color-gray-control-fill-hover)'
+        },
+        '&&-disabled': {
+            cursor: 'not-allowed',
+            opacity: 0.5
+        },
+        '&&-recording': {
+            background: 'rgba(0, 116, 255, 0.09)'
+        }
+    });
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("VoiceInputButton", (token) => {
-    const componentToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('VoiceInputButton', function(token) {
+        var componentToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            resetComponent(componentToken),
+            genStyle(componentToken)
+        ];
     });
-    return [resetComponent(componentToken), genStyle(componentToken)];
-  });
 }
-export {
-  useStyle
-};