@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/MarkdownInputField/QuickActions/index.js

@@ -1,152 +1,322 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+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 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 _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);
+}
+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/QuickActions/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 classNames from "classnames";
 import RcResizeObserver from "rc-resize-observer";
 import React, { useState } from "react";
 import { useRefFunction } from "../../Hooks/useRefFunction";
 import Enlargement from "../Enlargement";
 import { RefinePromptButton } from "../RefinePromptButton";
-var QuickActions = React.forwardRef(
-  ({
-    value,
-    fileMap,
-    onFileMapChange,
-    isHover = false,
-    isLoading = false,
-    disabled = false,
-    fileUploadStatus = "done",
-    refinePrompt,
-    editorRef,
-    onValueChange,
-    quickActionRender,
-    prefixCls = "ant-agentic-md-input-field",
-    hashId = "",
-    onResize,
-    isEnlarged = false,
-    onEnlargeClick,
-    enlargeable = false
-  }, ref) => {
-    const [refineStatus, setRefineStatus] = useState(
-      "idle"
-    );
-    const applyEditorContent = useRefFunction((text) => {
-      var _a, _b;
-      (_b = (_a = editorRef == null ? void 0 : editorRef.current) == null ? void 0 : _a.store) == null ? void 0 : _b.setMDContent(text);
-      onValueChange == null ? void 0 : onValueChange(text);
+/**
+ * QuickActions 组件 - 快速操作区域
+ *
+ * @description 在编辑区域右上角渲染快速操作按钮，包括提示词优化等功能
+ */ export var QuickActions = /*#__PURE__*/ React.forwardRef(function(param, ref) {
+    var value = param.value, fileMap = param.fileMap, onFileMapChange = param.onFileMapChange, _param_isHover = param.isHover, isHover = _param_isHover === void 0 ? false : _param_isHover, _param_isLoading = param.isLoading, isLoading = _param_isLoading === void 0 ? false : _param_isLoading, _param_disabled = param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_fileUploadStatus = param.fileUploadStatus, fileUploadStatus = _param_fileUploadStatus === void 0 ? 'done' : _param_fileUploadStatus, refinePrompt = param.refinePrompt, editorRef = param.editorRef, onValueChange = param.onValueChange, quickActionRender = param.quickActionRender, _param_prefixCls = param.prefixCls, prefixCls = _param_prefixCls === void 0 ? 'ant-agentic-md-input-field' : _param_prefixCls, _param_hashId = param.hashId, hashId = _param_hashId === void 0 ? '' : _param_hashId, onResize = param.onResize, _param_isEnlarged = param.isEnlarged, isEnlarged = _param_isEnlarged === void 0 ? false : _param_isEnlarged, onEnlargeClick = param.onEnlargeClick, _param_enlargeable = param.enlargeable, enlargeable = _param_enlargeable === void 0 ? false : _param_enlargeable;
+    var _useState = _sliced_to_array(useState('idle'), 2), refineStatus = _useState[0], setRefineStatus = _useState[1];
+    /**
+     * 统一应用内容到编辑器与受控值
+     */ var applyEditorContent = useRefFunction(function(text) {
+        var _editorRef_current_store, _editorRef_current;
+        editorRef === null || editorRef === void 0 ? void 0 : (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : (_editorRef_current_store = _editorRef_current.store) === null || _editorRef_current_store === void 0 ? void 0 : _editorRef_current_store.setMDContent(text);
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(text);
     });
-    const handleRefine = useRefFunction(() => __async(void 0, null, function* () {
-      var _a, _b, _c, _d, _e;
-      if (!(refinePrompt == null ? void 0 : refinePrompt.enable))
-        return;
-      if (!(refinePrompt == null ? void 0 : refinePrompt.onRefine))
-        return;
-      if (refineStatus === "loading")
-        return;
-      const current = (_e = (_d = (_c = (_b = (_a = editorRef == null ? void 0 : editorRef.current) == null ? void 0 : _a.store) == null ? void 0 : _b.getMDContent) == null ? void 0 : _c.call(_b)) != null ? _d : value) != null ? _e : "";
-      setRefineStatus("loading");
-      try {
-        const refined = yield refinePrompt.onRefine(current);
-        applyEditorContent(refined != null ? refined : "");
-        setRefineStatus("idle");
-      } catch (e) {
-        setRefineStatus("idle");
-      }
+    /**
+     * 处理提示词优化
+     */ var handleRefine = useRefFunction(/*#__PURE__*/ _async_to_generator(function() {
+        var _editorRef_current_store_getMDContent, _editorRef_current_store, _editorRef_current, _editorRef_current_store_getMDContent1, _ref, current, refined, e;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    if (!(refinePrompt === null || refinePrompt === void 0 ? void 0 : refinePrompt.enable)) return [
+                        2
+                    ];
+                    if (!(refinePrompt === null || refinePrompt === void 0 ? void 0 : refinePrompt.onRefine)) return [
+                        2
+                    ];
+                    if (refineStatus === 'loading') return [
+                        2
+                    ];
+                    current = (_ref = (_editorRef_current_store_getMDContent1 = editorRef === null || editorRef === void 0 ? void 0 : (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : (_editorRef_current_store = _editorRef_current.store) === null || _editorRef_current_store === void 0 ? void 0 : (_editorRef_current_store_getMDContent = _editorRef_current_store.getMDContent) === null || _editorRef_current_store_getMDContent === void 0 ? void 0 : _editorRef_current_store_getMDContent.call(_editorRef_current_store)) !== null && _editorRef_current_store_getMDContent1 !== void 0 ? _editorRef_current_store_getMDContent1 : value) !== null && _ref !== void 0 ? _ref : '';
+                    setRefineStatus('loading');
+                    _state.label = 1;
+                case 1:
+                    _state.trys.push([
+                        1,
+                        3,
+                        ,
+                        4
+                    ]);
+                    return [
+                        4,
+                        refinePrompt.onRefine(current)
+                    ];
+                case 2:
+                    refined = _state.sent();
+                    applyEditorContent(refined !== null && refined !== void 0 ? refined : '');
+                    setRefineStatus('idle');
+                    return [
+                        3,
+                        4
+                    ];
+                case 3:
+                    e = _state.sent();
+                    setRefineStatus('idle');
+                    return [
+                        3,
+                        4
+                    ];
+                case 4:
+                    return [
+                        2
+                    ];
+            }
+        });
     }));
-    return /* @__PURE__ */ React.createElement(
-      RcResizeObserver,
-      {
-        onResize: (e) => {
-          try {
-            const element = ref && "current" in ref ? ref.current : null;
-            const styles = window.getComputedStyle(element);
-            const right = parseFloat(styles.right || "0");
-            const rightOffset = Number.isNaN(right) ? 0 : right;
-            onResize == null ? void 0 : onResize(e.offsetWidth, rightOffset);
-          } catch (e2) {
-          }
+    return /*#__PURE__*/ React.createElement(RcResizeObserver, {
+        onResize: function(e) {
+            try {
+                var element = ref && 'current' in ref ? ref.current : null;
+                var styles = window.getComputedStyle(element);
+                var right = parseFloat(styles.right || '0');
+                var rightOffset = Number.isNaN(right) ? 0 : right;
+                onResize === null || onResize === void 0 ? void 0 : onResize(e.offsetWidth, rightOffset);
+            } catch (e) {}
         }
-      },
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ref,
-          onBlur: (e) => {
+    }, /*#__PURE__*/ React.createElement("div", {
+        ref: ref,
+        onBlur: function(e) {
             e.stopPropagation();
-          },
-          onFocus: (e) => {
+        },
+        onFocus: function(e) {
             e.stopPropagation();
-          },
-          contentEditable: false,
-          onClick: (e) => {
+        },
+        contentEditable: false,
+        onClick: function(e) {
             e.stopPropagation();
             e.preventDefault();
-          },
-          onKeyDown: (e) => {
+        },
+        onKeyDown: function(e) {
             e.stopPropagation();
             e.preventDefault();
-          },
-          className: classNames(`${prefixCls}-quick-actions`, hashId, {
-            [`${prefixCls}-quick-actions-vertical`]: enlargeable
-          })
         },
-        [
-          // Enlargement组件 - 显示在最上方
-          enlargeable && /* @__PURE__ */ React.createElement(
-            Enlargement,
-            {
-              key: "enlargement",
-              isEnlarged,
-              onEnlargeClick
-            }
-          ),
-          // 自定义快速操作按钮
-          ...quickActionRender ? quickActionRender({
-            value,
-            fileMap,
-            onFileMapChange,
-            isHover,
-            isLoading,
-            fileUploadStatus
-          }) : [],
-          // 提示词优化按钮
-          ...(refinePrompt == null ? void 0 : refinePrompt.enable) ? [
-            /* @__PURE__ */ React.createElement(
-              RefinePromptButton,
-              {
-                key: "refine-prompt",
-                isHover,
-                disabled,
-                status: refineStatus,
-                onRefine: handleRefine
-              }
-            )
-          ] : []
-        ]
-      )
-    );
-  }
-);
-QuickActions.displayName = "QuickActions";
-export {
-  QuickActions
-};
+        className: classNames("".concat(prefixCls, "-quick-actions"), hashId, _define_property({}, "".concat(prefixCls, "-quick-actions-vertical"), enlargeable))
+    }, [
+        // Enlargement组件 - 显示在最上方
+        enlargeable && /*#__PURE__*/ React.createElement(Enlargement, {
+            key: "enlargement",
+            isEnlarged: isEnlarged,
+            onEnlargeClick: onEnlargeClick
+        })
+    ].concat(// 自定义快速操作按钮
+    _to_consumable_array(quickActionRender ? quickActionRender({
+        value: value,
+        fileMap: fileMap,
+        onFileMapChange: onFileMapChange,
+        isHover: isHover,
+        isLoading: isLoading,
+        fileUploadStatus: fileUploadStatus
+    }) : []), // 提示词优化按钮
+    _to_consumable_array((refinePrompt === null || refinePrompt === void 0 ? void 0 : refinePrompt.enable) ? [
+        /*#__PURE__*/ React.createElement(RefinePromptButton, {
+            key: "refine-prompt",
+            isHover: isHover,
+            disabled: disabled,
+            status: refineStatus,
+            onRefine: handleRefine
+        })
+    ] : []))));
+});
+QuickActions.displayName = 'QuickActions';

package/dist/MarkdownInputField/RefinePromptButton/index.js

@@ -1,4 +1,3 @@
-// src/MarkdownInputField/RefinePromptButton/index.tsx
 import { LoadingOutlined } from "@ant-design/icons";
 import { TextOptimize } from "@sofa-design/icons";
 import { ConfigProvider, Tooltip } from "antd";
@@ -6,38 +5,30 @@ import React, { useContext } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { ActionIconBox } from "../../Components/ActionIconBox";
 import { useStyle } from "./style";
-var RefinePromptButton = (props) => {
-  const { disabled, status, onRefine } = props;
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const baseCls = getPrefixCls("agentic-md-input-field-refine-button");
-  const { wrapSSR } = useStyle(baseCls);
-  const handleClick = () => {
-    if (disabled)
-      return;
-    if (status === "loading")
-      return;
-    onRefine();
-  };
-  const renderIcon = () => {
-    if (status === "loading")
-      return /* @__PURE__ */ React.createElement(LoadingOutlined, null);
-    return /* @__PURE__ */ React.createElement(TextOptimize, null);
-  };
-  if (typeof window === "undefined" || typeof document === "undefined" || !window.document) {
-    return null;
-  }
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(Tooltip, { title: status === "loading" ? "优化中" : "一键优化提示词" }, /* @__PURE__ */ React.createElement(
-      ActionIconBox,
-      {
-        title: "优化提示词",
+export var RefinePromptButton = function(props) {
+    var disabled = props.disabled, status = props.status, onRefine = props.onRefine;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var baseCls = getPrefixCls('agentic-md-input-field-refine-button');
+    var wrapSSR = useStyle(baseCls).wrapSSR;
+    var handleClick = function() {
+        if (disabled) return;
+        if (status === 'loading') return;
+        onRefine();
+    };
+    var renderIcon = function() {
+        if (status === 'loading') return /*#__PURE__*/ React.createElement(LoadingOutlined, null);
+        return /*#__PURE__*/ React.createElement(TextOptimize, null);
+    };
+    if (typeof window === 'undefined' || typeof document === 'undefined' || !window.document) {
+        return null;
+    }
+    return wrapSSR(/*#__PURE__*/ React.createElement(Tooltip, {
+        title: status === 'loading' ? '优化中' : '一键优化提示词'
+    }, /*#__PURE__*/ React.createElement(ActionIconBox, {
+        title: '优化提示词',
         onClick: handleClick,
         "data-testid": "refine-prompt-button"
-      },
-      /* @__PURE__ */ React.createElement(ErrorBoundary, { fallback: /* @__PURE__ */ React.createElement("div", null) }, renderIcon())
-    ))
-  );
-};
-export {
-  RefinePromptButton
+    }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
+        fallback: /*#__PURE__*/ React.createElement("div", null)
+    }, renderIcon()))));
 };