@ant-design/agentic-ui 2.10.1 → 2.11.0

package/dist/MarkdownInputField/AttachmentButton/AttachmentButtonPopover.js

@@ -47,11 +47,12 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { AudioOutlined, FileImageOutlined, FileTextFilled, FolderOpenOutlined, PictureOutlined, VideoCameraOutlined } from "@ant-design/icons";
 import { Button, Modal, Tooltip } from "antd";
 import React, { useCallback, useContext, useMemo, useState } from "react";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 import { I18nContext } from "../../I18n";
-import { isMobileDevice, isVivoOrOppoDevice, kbToSize } from "./utils";
+import { isMobileDevice, isVivoOrOppoDevice, isWeChat, kbToSize } from "./utils";
 /**
  * 移动设备默认的文件类型 accept 值
- */ var MOBILE_DEFAULT_ACCEPT = 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/pdf,.csv,image/*,text/plain,application/x-zip-compressed';
+ */ var MOBILE_DEFAULT_ACCEPT = 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/pdf,.csv,text/plain,application/x-zip-compressed';
 var FILE_SIZE_UNITS = {
     KB: 1024,
     MB: 1024 * 1024
@@ -141,6 +142,9 @@ export var AttachmentButtonPopover = function(param) {
     var isMobile = useMemo(function() {
         return isMobileDevice();
     }, []);
+    var isWeChatEnv = useMemo(function() {
+        return isWeChat();
+    }, []);
     var trigger = useMemo(function() {
         return isVivoOrOppo ? [
             'click'
@@ -155,22 +159,19 @@ export var AttachmentButtonPopover = function(param) {
     var extensions = format.extensions || [];
     /**
    * 根据支持的格式获取 accept 属性值
-   */ var getAcceptValue = useCallback(function(forGallery) {
+   */ var getAcceptValue = useRefFunction(function(forGallery) {
         // 如果是移动设备，返回默认的 accept 值
-        if (isMobile || forGallery) {
-            return MOBILE_DEFAULT_ACCEPT;
+        if (isMobile || forGallery || isWeChatEnv) {
+            return '';
         }
         // 打开文件，使用具体扩展名列表
         return extensions.length > 0 ? extensions.map(function(ext) {
             return ".".concat(ext);
         }).join(',') : MOBILE_DEFAULT_ACCEPT;
-    }, [
-        extensions,
-        isMobile
-    ]);
+    });
     /**
    * 创建文件输入并触发选择
-   */ var triggerFileInput = useCallback(function(forGallery) {
+   */ var triggerFileInput = useRefFunction(function(forGallery) {
         var accept = getAcceptValue(forGallery);
         var input = document.createElement('input');
         input.type = 'file';
@@ -188,11 +189,7 @@ export var AttachmentButtonPopover = function(param) {
         document.body.appendChild(input);
         input.click();
         setModalOpen(false);
-    }, [
-        getAcceptValue,
-        onFileSelect,
-        allowMultiple
-    ]);
+    });
     var handleClick = useCallback(function(e) {
         if (isVivoOrOppo) {
             e.stopPropagation();

package/dist/MarkdownInputField/AttachmentButton/utils.d.ts

@@ -85,3 +85,15 @@ export declare const isVivoOrOppoDevice: (ua?: string) => boolean;
  * ```
  */
 export declare const isMobileDevice: () => boolean;
+/**
+ * 检测是否为微信环境
+ *
+ * @param {string} [ua] - User Agent 字符串，如果不提供则使用 navigator.userAgent
+ * @returns {boolean} 是否为微信环境
+ *
+ * @example
+ * ```ts
+ * isWeChat() // true | false
+ * ```
+ */
+export declare const isWeChat: (ua?: string) => boolean;

package/dist/MarkdownInputField/AttachmentButton/utils.js

@@ -366,3 +366,20 @@
     var isSmallScreen = typeof window !== 'undefined' && window.innerWidth <= 768;
     return mobileRegex.test(userAgent) || hasTouchScreen && isSmallScreen;
 };
+/**
+ * 检测是否为微信环境
+ *
+ * @param {string} [ua] - User Agent 字符串，如果不提供则使用 navigator.userAgent
+ * @returns {boolean} 是否为微信环境
+ *
+ * @example
+ * ```ts
+ * isWeChat() // true | false
+ * ```
+ */ export var isWeChat = function(ua) {
+    if (typeof navigator === 'undefined' && !ua) {
+        return false;
+    }
+    var userAgent = (ua || navigator.userAgent).toLowerCase();
+    return /micromessenger/i.test(userAgent);
+};

package/dist/Plugins/code/components/AceEditor.js

@@ -71,7 +71,7 @@ import "ace-builds/src-noconflict/theme-github";
 import isHotkey from "is-hotkey";
 import { useCallback, useEffect, useRef } from "react";
 import { Editor, Path, Transforms } from "slate";
-import { ReactEditor } from "slate-react";
+import { useRefFunction } from "../../../Hooks/useRefFunction";
 import partialParse from "../../../MarkdownEditor/editor/parser/json-parse";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
 import { aceLangs, modeMap } from "../../../MarkdownEditor/editor/utils/ace";
@@ -131,26 +131,29 @@ import { EditorUtils } from "../../../MarkdownEditor/editor/utils/editorUtils";
         path
     ]);
     // 键盘事件处理
-    var handleKeyDown = useCallback(function(e) {
+    var handleKeyDown = useRefFunction(function(e) {
         // 删除空代码块
         if (isHotkey('backspace', e)) {
-            if (!codeRef.current) {
-                var currentPath = ReactEditor.findPath(store.editor, element);
-                Transforms.delete(store.editor, {
-                    at: currentPath
+            if (codeRef.current.trim() === '') {
+                Editor.withoutNormalizing(store.editor, function() {
+                    Transforms.delete(store.editor, {
+                        at: pathRef.current
+                    });
+                    // 如果这是最后一个节点，使用替换而不是删除+插入，避免文档为空
+                    Transforms.insertNodes(store.editor, {
+                        type: 'paragraph',
+                        children: [
+                            {
+                                text: ''
+                            }
+                        ]
+                    }, {
+                        at: pathRef.current,
+                        select: true
+                    });
+                    Transforms.select(store.editor, Editor.start(store.editor, pathRef.current));
                 });
-                Transforms.insertNodes(store.editor, {
-                    type: 'paragraph',
-                    children: [
-                        {
-                            text: ''
-                        }
-                    ]
-                }, {
-                    at: currentPath
-                });
-                Transforms.select(store.editor, Editor.start(store.editor, currentPath));
-                ReactEditor.focus(store.editor);
+                return;
             }
         }
         // Cmd/Ctrl + Enter: 插入新段落
@@ -173,10 +176,7 @@ import { EditorUtils } from "../../../MarkdownEditor/editor/utils/editorUtils";
         // 转发键盘事件
         var newEvent = new KeyboardEvent(e.type, e);
         window.dispatchEvent(newEvent);
-    }, [
-        element,
-        store.editor
-    ]);
+    });
     // 配置编辑器事件
     var setupEditorEvents = useCallback(function(codeEditor) {
         // 禁用默认查找快捷键
@@ -302,7 +302,7 @@ import { EditorUtils } from "../../../MarkdownEditor/editor/utils/editorUtils";
         }
         if (value !== codeRef.current) {
             var _editorRef_current, _editorRef_current1;
-            if (element) (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.setValue(value || 'plain text');
+            if (element) (_editorRef_current = editorRef.current) === null || _editorRef_current === void 0 ? void 0 : _editorRef_current.setValue(value);
             (_editorRef_current1 = editorRef.current) === null || _editorRef_current1 === void 0 ? void 0 : _editorRef_current1.clearSelection();
         }
     }, [

package/dist/Plugins/code/components/LanguageSelector.js

@@ -50,7 +50,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import { SearchOutlined } from "@ant-design/icons";
 import { AutoComplete, Button, Input, Popover } from "antd";
-import React, { useContext, useState } from "react";
+import React, { useContext, useEffect, useRef, useState } from "react";
 import { I18nContext } from "../../../I18n";
 import { langIconMap } from "../langIconMap";
 import { langOptions } from "../utils/langOptions";
@@ -87,13 +87,38 @@ import { LoadImage } from "./LoadImage";
     var i18n = useContext(I18nContext);
     // 搜索关键字状态
     var _useState = _sliced_to_array(useState(''), 2), keyword = _useState[0], setKeyword = _useState[1];
+    // Popover 打开状态
+    var _useState1 = _sliced_to_array(useState(false), 2), open = _useState1[0], setOpen = _useState1[1];
+    // 跟踪用户是否手动关闭过弹层
+    var hasUserClosedRef = useRef(false);
+    // 跟踪上一次的语言值
+    var prevLanguageRef = useRef(undefined);
     // 处理未定义的 element
     var safeElement = props.element || {
         language: undefined,
         katex: false
     };
+    // 如果语言为空且用户未手动关闭过，自动打开下拉框
+    useEffect(function() {
+        var currentLanguage = safeElement.language;
+        var prevLanguage = prevLanguageRef.current;
+        // 如果语言从有值变为空，重置关闭标记
+        if (prevLanguage && !currentLanguage && !safeElement.katex) {
+            hasUserClosedRef.current = false;
+        }
+        // 如果语言为空且用户未手动关闭过，自动打开下拉框
+        if (!currentLanguage && !safeElement.katex && !hasUserClosedRef.current) {
+            setOpen(true);
+        }
+        // 更新上一次的语言值
+        prevLanguageRef.current = currentLanguage;
+    }, [
+        safeElement.language,
+        safeElement.katex
+    ]);
     return /*#__PURE__*/ React.createElement(Popover, {
         arrow: false,
+        open: open,
         styles: {
             body: {
                 padding: 8
@@ -104,6 +129,7 @@ import { LoadImage } from "./LoadImage";
         ],
         placement: 'bottomLeft',
         onOpenChange: function(visible) {
+            setOpen(visible);
             if (visible) {
                 // 弹层打开时，延时聚焦到搜索框
                 setTimeout(function() {
@@ -111,11 +137,17 @@ import { LoadImage } from "./LoadImage";
                     props === null || props === void 0 ? void 0 : (_props_containerRef = props.containerRef) === null || _props_containerRef === void 0 ? void 0 : (_props_containerRef_current = _props_containerRef.current) === null || _props_containerRef_current === void 0 ? void 0 : (_props_containerRef_current_querySelector = _props_containerRef_current.querySelector('.lang-select input')) === null || _props_containerRef_current_querySelector === void 0 ? void 0 : _props_containerRef_current_querySelector.focus();
                 });
             } else {
-                // 弹层关闭时清空搜索关键字
+                // 弹层关闭时清空搜索关键字，并标记用户已手动关闭
                 setKeyword('');
+                hasUserClosedRef.current = true;
             }
         },
-        content: /*#__PURE__*/ React.createElement(AutoComplete, {
+        content: /*#__PURE__*/ React.createElement("div", {
+            onClick: function(e) {
+                e.stopPropagation();
+                e.preventDefault();
+            }
+        }, /*#__PURE__*/ React.createElement(AutoComplete, {
             value: keyword,
             options: langOptions,
             autoFocus: true,
@@ -127,9 +159,12 @@ import { LoadImage } from "./LoadImage";
                 return (item === null || item === void 0 ? void 0 : item.value.includes(text)) || false;
             },
             onSelect: function(selectedLanguage) {
-                var // 选择语言后执行回调
+                var // 选择语言后执行回调并关闭弹层
                 _props_setLanguage;
                 (_props_setLanguage = props.setLanguage) === null || _props_setLanguage === void 0 ? void 0 : _props_setLanguage.call(props, selectedLanguage);
+                setOpen(false);
+                // 重置关闭标记，以便下次语言为空时能再次自动打开
+                hasUserClosedRef.current = false;
             },
             onChange: function(inputValue) {
                 // 更新搜索关键字
@@ -146,7 +181,7 @@ import { LoadImage } from "./LoadImage";
         }, /*#__PURE__*/ React.createElement(Input, {
             prefix: /*#__PURE__*/ React.createElement(SearchOutlined, null),
             placeholder: 'Search'
-        }))
+        })))
     }, /*#__PURE__*/ React.createElement(Button, {
         type: "text",
         title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.switchLanguage) || '切换语言',

package/dist/Plugins/code/index.js

@@ -130,8 +130,10 @@ function csvToMarkdownTable(csv) {
     if (!props.element) {
         return null;
     }
-    if (props.element.value === undefined) return null;
-    if (props.element.value === '') return null;
+    // readonly 模式下，空代码块不展示
+    if (readonly && !props.element.value) {
+        return null;
+    }
     if (readonly && props.element.language === 'csv') {
         var _props_element;
         return /*#__PURE__*/ React.createElement(BaseMarkdownEditor, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.10.1",
+  "version": "2.11.0",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",