@ant-design/agentic-ui 2.30.10 → 2.30.12

package/dist/Bubble/MessagesContent/style.js

@@ -55,6 +55,7 @@ var THINKING_DOT_SIZE = 4;
 var THINKING_DOT_GAP = 4;
 var THINKING_DOT_ANIMATION = 'agenticBubbleThinkingDotPulse';
 var THINKING_DOT_ANIMATION_DURATION = '1.2s';
+var THINKING_LOADING_MARGIN_TOP = 'var(--padding-2x)';
 var THINKING_LOADING_PADDING = {
     paddingLeft: 'var(--padding-5x)',
     paddingRight: 'var(--padding-5x)',
@@ -68,7 +69,8 @@ var genStyle = function genStyle(token) {
         lineHeight: '24px',
         display: 'flex',
         alignItems: 'center',
-        gap: 'var(--padding-2x)'
+        gap: 'var(--padding-2x)',
+        marginTop: THINKING_LOADING_MARGIN_TOP
     }, THINKING_LOADING_PADDING), (_obj = {
         color: 'rgb(102, 111, 141)'
     }, _define_property(_obj, "&-dots", {

package/dist/Bubble/style.js

@@ -52,7 +52,7 @@ function _object_spread_props(target, source) {
 }
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
 var genStyle = function genStyle(token, classNames) {
-    var _obj;
+    var _obj, _obj1, _obj2;
     return _define_property({}, token.componentCls, {
         '&-bubble': {
             position: 'relative',
@@ -186,16 +186,27 @@ var genStyle = function genStyle(token, classNames) {
             minWidth: '0px',
             maxWidth: 'min(860px,100%)'
         },
-        '&-bubble-content-right': {
+        '&-bubble-content-right': (_obj1 = {
             maxWidth: '75%',
             borderRadius: '16px 16px 2px 16px',
             background: 'var(--color-primary-control-fill-secondary-active)',
             color: 'var(--color-gray-text-default)',
-            boxShadow: 'none',
-            '&&-pure': {
-                background: 'var(--color-primary-control-fill-primary)'
-            }
-        },
+            boxShadow: 'none'
+        }, // inline-code 基础规则用 code.cls（元素+类）选择器，需匹配相同结构才能覆盖
+        _define_property(_obj1, "& code".concat(token.antCls, "-agentic-md-editor-content-inline-code"), {
+            background: 'var(--color-primary-a7)'
+        }), // blockquote 竖条：gray-control-fill-secondary（gray-a2）在蓝色背景上消失
+        _define_property(_obj1, "& ".concat(token.antCls, "-agentic-md-editor-content blockquote::before"), {
+            backgroundColor: 'var(--color-primary-a7)'
+        }), // hr 分割线：gray-border-light（gray-a3）在蓝色背景上不可见
+        _define_property(_obj1, "& ".concat(token.antCls, "-agentic-md-editor-content hr"), {
+            borderTopColor: 'var(--color-primary-a7)'
+        }), // 链接下划线：gray-border-light 在蓝色背景上不可见
+        _define_property(_obj1, "& ".concat(token.antCls, "-agentic-md-editor-content a"), {
+            textDecorationColor: 'var(--color-primary-a7)'
+        }), _define_property(_obj1, '&&-pure', {
+            background: 'var(--color-primary-control-fill-primary)'
+        }), _obj1),
         // 用户消息特定样式
         '&-bubble-user': {
             marginBlockStart: -20,
@@ -207,15 +218,26 @@ var genStyle = function genStyle(token, classNames) {
                 alignItems: 'flex-end',
                 maxWidth: 'max(668px,75%)'
             },
-            '&-content-user': {
+            '&-content-user': (_obj2 = {
                 background: 'var(--color-primary-bg-card-light)',
                 color: 'var(--color-gray-text-default)',
                 borderRadius: '12px 12px 2px 12px',
-                maxWidth: '668px',
-                '&&-pure': {
-                    background: 'var(--color-primary-control-fill-primary)'
-                }
-            },
+                maxWidth: '668px'
+            }, // inline-code 基础规则用 code.cls（元素+类）选择器，需匹配相同结构才能覆盖
+            _define_property(_obj2, "& code".concat(token.antCls, "-agentic-md-editor-content-inline-code"), {
+                background: 'var(--color-primary-control-fill-secondary-active)'
+            }), // blockquote 竖条：gray-control-fill-secondary（gray-a2）在浅蓝背景上消失
+            _define_property(_obj2, "& ".concat(token.antCls, "-agentic-md-editor-content blockquote::before"), {
+                backgroundColor: 'var(--color-primary-control-fill-primary)'
+            }), // hr 分割线：gray-border-light（gray-a3）在浅蓝背景上不可见
+            _define_property(_obj2, "& ".concat(token.antCls, "-agentic-md-editor-content hr"), {
+                borderTopColor: 'var(--color-primary-a5)'
+            }), // 链接下划线：gray-border-light 在浅蓝背景上不可见
+            _define_property(_obj2, "& ".concat(token.antCls, "-agentic-md-editor-content a"), {
+                textDecorationColor: 'var(--color-primary-a5)'
+            }), _define_property(_obj2, '&&-pure', {
+                background: 'var(--color-primary-control-fill-primary)'
+            }), _obj2),
             '&-before-user': {
                 justifyContent: 'flex-end'
             },

package/dist/ChatLayout/index.js

@@ -28,7 +28,7 @@ function _object_spread(target) {
 }
 import { ConfigProvider } from "antd";
 import clsx from "clsx";
-import React, { forwardRef, memo, useContext, useImperativeHandle, useRef } from "react";
+import React, { forwardRef, memo, useContext, useEffect, useImperativeHandle, useRef } from "react";
 import { LayoutHeader } from "../Components/LayoutHeader";
 import useAutoScroll from "../Hooks/useAutoScroll";
 import { useElementSize } from "../Hooks/useElementSize";
@@ -117,6 +117,14 @@ import { useStyle } from "./style";
             scrollToBottom: scrollToBottom
         };
     });
+    // footer 实际高度变化时（spacer 随之调整），保持列表贴底
+    useEffect(function() {
+        if (actualFooterHeight > 0) {
+            scrollToBottom();
+        }
+    }, [
+        actualFooterHeight
+    ]);
     var rootClassName = clsx(prefixCls, className, classNames === null || classNames === void 0 ? void 0 : classNames.root, hashId);
     var contentClassName = clsx("".concat(prefixCls, "-content"), classNames === null || classNames === void 0 ? void 0 : classNames.content, hashId);
     var scrollableClassName = clsx("".concat(prefixCls, "-content-scrollable"), classNames === null || classNames === void 0 ? void 0 : classNames.scrollable, hashId);

package/dist/ChatLayout/style.js

@@ -52,6 +52,9 @@ function _object_spread_props(target, source) {
 }
 import { MOBILE_BREAKPOINT, MOBILE_PADDING } from "../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
+var RADIUS_XL = 'var(--radius-xl, var(--radius-card-lg, 16px))';
+var COLOR_GRAY_BG_ACTIVE = 'var(--color-gray-bg-active, var(--color-gray-control-fill-active, rgba(20, 22, 28, 0.12)))';
+var COLOR_GRAY_BORDER_DEFAULT = 'var(--color-gray-border-default, var(--color-gray-border-light, rgba(20, 22, 28, 0.12)))';
 var genStyle = function genStyle(token) {
     return _define_property({}, token.componentCls, _define_property({
         display: 'flex',
@@ -59,10 +62,10 @@ var genStyle = function genStyle(token) {
         height: '100%',
         width: '100%',
         position: 'relative',
-        borderTopLeftRadius: 'var(--radius-xl)',
-        borderTopRightRadius: 'var(--radius-xl)',
-        borderBottomLeftRadius: 'var(--radius-xl)',
-        borderBottomRightRadius: 'var(--radius-xl)',
+        borderTopLeftRadius: RADIUS_XL,
+        borderTopRightRadius: RADIUS_XL,
+        borderBottomLeftRadius: RADIUS_XL,
+        borderBottomRightRadius: RADIUS_XL,
         backgroundColor: 'var(--color-gray-bg-page-light)',
         '&-header': {
             display: 'flex',
@@ -73,8 +76,8 @@ var genStyle = function genStyle(token) {
             minHeight: '48px',
             flexShrink: 0,
             zIndex: 10,
-            borderTopLeftRadius: 'var(--radius-xl)',
-            borderTopRightRadius: 'var(--radius-xl)',
+            borderTopLeftRadius: RADIUS_XL,
+            borderTopRightRadius: RADIUS_XL,
             '&-left': {
                 display: 'flex',
                 alignItems: 'center',
@@ -104,7 +107,7 @@ var genStyle = function genStyle(token) {
                         color: 'var(--color-gray-text-default)'
                     },
                     '&:active': {
-                        backgroundColor: 'var(--color-gray-bg-active)'
+                        backgroundColor: COLOR_GRAY_BG_ACTIVE
                     }
                 }
             },
@@ -129,7 +132,7 @@ var genStyle = function genStyle(token) {
                         color: 'var(--color-gray-text-default)'
                     },
                     '&:active': {
-                        backgroundColor: 'var(--color-gray-bg-active)'
+                        backgroundColor: COLOR_GRAY_BG_ACTIVE
                     }
                 },
                 '&-collapse-btn': {
@@ -150,7 +153,7 @@ var genStyle = function genStyle(token) {
                         color: 'var(--color-gray-text-default)'
                     },
                     '&:active': {
-                        backgroundColor: 'var(--color-gray-bg-active)'
+                        backgroundColor: COLOR_GRAY_BG_ACTIVE
                     }
                 }
             }
@@ -159,7 +162,7 @@ var genStyle = function genStyle(token) {
             position: 'relative',
             zIndex: 1,
             width: '100%',
-            paddingBottom: 'var(--radius-xl)',
+            paddingBottom: RADIUS_XL,
             flex: 1,
             overflow: 'hidden',
             display: 'flex',
@@ -181,7 +184,7 @@ var genStyle = function genStyle(token) {
                     backgroundColor: 'var(--color-gray-border-light)',
                     borderRadius: '3px',
                     '&:hover': {
-                        backgroundColor: 'var(--color-gray-border-default)'
+                        backgroundColor: COLOR_GRAY_BORDER_DEFAULT
                     }
                 },
                 '> div': {
@@ -202,8 +205,8 @@ var genStyle = function genStyle(token) {
             position: 'absolute',
             bottom: 0,
             zIndex: 100,
-            borderBottomLeftRadius: 'var(--radius-xl)',
-            borderBottomRightRadius: 'var(--radius-xl)'
+            borderBottomLeftRadius: RADIUS_XL,
+            borderBottomRightRadius: RADIUS_XL
         },
         '&-footer-background': {
             position: 'absolute',

package/dist/Components/ActionIconBox/index.js

@@ -357,6 +357,7 @@ import { useStyle } from "./style";
                     switch(_state.label){
                         case 0:
                             e.preventDefault();
+                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
@@ -413,6 +414,7 @@ import { useStyle } from "./style";
                                 5
                             ];
                             e.preventDefault();
+                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
@@ -481,6 +483,7 @@ import { useStyle } from "./style";
                     switch(_state.label){
                         case 0:
                             e.preventDefault();
+                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];
@@ -537,6 +540,7 @@ import { useStyle } from "./style";
                                 5
                             ];
                             e.preventDefault();
+                            e.stopPropagation();
                             if (!props.onClick) return [
                                 2
                             ];

package/dist/Components/Button/IconButton/style.js

@@ -65,7 +65,7 @@ var genStyle = function genStyle(token) {
         border: 'none',
         borderRadius: 'var(--radius-control-base, 6px)',
         cursor: 'pointer',
-        fontFamily: 'var(--font-family-base)',
+        fontFamily: 'var(--font-family-base, var(--font-family-text, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif))',
         fontSize: 'var(--font-size-base, 14px)',
         fontWeight: 'var(--font-weight-medium, 500)',
         lineHeight: 'var(--line-height-base, 1.5)',

package/dist/Components/Button/ToggleButton/style.js

@@ -62,7 +62,7 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         padding: '5px 12px',
         cursor: 'pointer',
-        fontFamily: 'var(--font-family-base)',
+        fontFamily: 'var(--font-family-base, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif)',
         fontSize: 'var(--font-size-base, 14px)',
         fontWeight: 'var(--font-weight-medium, 500)',
         lineHeight: 'var(--line-height-base, 1.5)',

package/dist/History/components/HistoryList.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { MenuItemType } from '../menu';
 import { HistoryListConfig } from '../types/HistoryList';
 /**
  * 生成历史记录菜单项
@@ -47,14 +47,4 @@ import { HistoryListConfig } from '../types/HistoryList';
  * - 支持多选和收藏功能
  * - 支持运行状态图标显示
  */
-export declare const generateHistoryItems: ({ filteredList, selectedIds, onSelectionChange, onClick, onDeleteItem, agent, onFavorite, extra, customDateFormatter, groupBy, sessionSort, groupLabelRender, type, runningId, customOperationExtra, itemDateFormatter, }: HistoryListConfig) => {
-    key: string;
-    type: "group";
-    label: React.ReactNode;
-    children: {
-        key: string;
-        type: "item";
-        onClick: () => void;
-        label: React.JSX.Element;
-    }[];
-}[];
+export declare const generateHistoryItems: ({ filteredList, selectedIds, onSelectionChange, onClick, onDeleteItem, agent, onFavorite, extra, customDateFormatter, groupBy, sessionSort, groupLabelRender, type, runningId, customOperationExtra, itemDateFormatter, }: HistoryListConfig) => MenuItemType[];

package/dist/History/components/HistoryList.js

@@ -124,55 +124,60 @@ import { HistoryItem } from "./HistoryItem";
             })))
         ];
     }));
+    var MIN_GROUP_SIZE = 3;
     // 按照时间顺序对分组进行排序：今日 > 昨日 > 一周内 > 其他
     var sortedGroupKeys = Object.keys(groupList).sort(function(keyA, keyB) {
         return (groupMaxTimes[keyB] || 0) - (groupMaxTimes[keyA] || 0);
     });
-    var items = sortedGroupKeys.map(function(key) {
-        var _list_sort;
+    var buildItemNodes = function buildItemNodes(list) {
+        return list.sort(function(a, b) {
+            if (sessionSort === false) return 0;
+            if (sessionSort) {
+                var result = sessionSort(a, b);
+                return typeof result === 'boolean' ? 0 : result;
+            }
+            return dayjs(b.gmtCreate).valueOf() - dayjs(a.gmtCreate).valueOf();
+        }).map(function(item) {
+            return {
+                key: item.sessionId || "item-".concat(item.id),
+                type: 'item',
+                onClick: function onClick1() {
+                    if (!item.sessionId) return;
+                    onClick(item.sessionId, item);
+                },
+                label: /*#__PURE__*/ React.createElement(HistoryItem, {
+                    item: item,
+                    selectedIds: selectedIds,
+                    onSelectionChange: onSelectionChange,
+                    onClick: onClick,
+                    onDeleteItem: onDeleteItem,
+                    agent: agent,
+                    onFavorite: onFavorite,
+                    extra: extra,
+                    type: type,
+                    runningId: runningId,
+                    customOperationExtra: customOperationExtra,
+                    itemDateFormatter: itemDateFormatter
+                })
+            };
+        });
+    };
+    var items = sortedGroupKeys.flatMap(function(key) {
         var list = groupList[key];
-        var firstItem = list === null || list === void 0 ? void 0 : list.at(0);
+        // 少于最小数量时，直接平铺为普通条目，不展示分组标题
+        if (list.length < MIN_GROUP_SIZE) {
+            return buildItemNodes(list);
+        }
+        var firstItem = list.at(0);
         var label = customDateFormatter && (firstItem === null || firstItem === void 0 ? void 0 : firstItem.gmtCreate) ? customDateFormatter(firstItem.gmtCreate) : formatTime(firstItem === null || firstItem === void 0 ? void 0 : firstItem.gmtCreate);
-        return {
-            key: "group-".concat(key),
-            type: 'group',
-            label: groupLabelRender ? groupLabelRender(key, list, label) : label,
-            children: list === null || list === void 0 ? void 0 : (_list_sort = list.sort(function(a, b) {
-                if (sessionSort === false) {
-                    return 0;
-                }
-                if (sessionSort) {
-                    var result = sessionSort(a, b);
-                    return typeof result === 'boolean' ? 0 : result;
-                }
-                return dayjs(b.gmtCreate).valueOf() - dayjs(a.gmtCreate).valueOf();
-            })) === null || _list_sort === void 0 ? void 0 : _list_sort.map(function(item) {
-                return {
-                    key: item.sessionId || "item-".concat(item.id),
-                    type: 'item',
-                    onClick: function onClick1() {
-                        if (!item.sessionId) {
-                            return;
-                        }
-                        onClick(item.sessionId, item);
-                    },
-                    label: /*#__PURE__*/ React.createElement(HistoryItem, {
-                        item: item,
-                        selectedIds: selectedIds,
-                        onSelectionChange: onSelectionChange,
-                        onClick: onClick,
-                        onDeleteItem: onDeleteItem,
-                        agent: agent,
-                        onFavorite: onFavorite,
-                        extra: extra,
-                        type: type,
-                        runningId: runningId,
-                        customOperationExtra: customOperationExtra,
-                        itemDateFormatter: itemDateFormatter
-                    })
-                };
-            })
-        };
+        return [
+            {
+                key: "group-".concat(key),
+                type: 'group',
+                label: groupLabelRender ? groupLabelRender(key, list, label) : label,
+                children: buildItemNodes(list)
+            }
+        ];
     });
     return items;
 };

package/dist/History/style.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
+import { ChatTokenType, GenerateStyle } from '../Hooks/useStyle';
+declare const genStyle: GenerateStyle<ChatTokenType>;
+/** @internal 供单测调用 genStyle 覆盖 token 回退分支 */
+export { genStyle };
 export declare function useStyle(prefixCls?: string): {
     hashId: string;
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;

package/dist/History/style.js

@@ -241,10 +241,10 @@ var genStyle = function genStyle(token) {
             transform: 'translateX(0)'
         },
         '95%': {
-            transform: 'translateX(var(--scroll-width))'
+            transform: 'translateX(var(--scroll-width, 0px))'
         },
         '100%': {
-            transform: 'translateX(var(--scroll-width))'
+            transform: 'translateX(var(--scroll-width, 0px))'
         }
     }), // 为超长文本添加滚动效果
     _define_property(_obj2, '[data-overflow="true"]', {
@@ -292,6 +292,7 @@ var genStyle = function genStyle(token) {
         }
     }), _obj2)), _obj3;
 };
+/** @internal 供单测调用 genStyle 覆盖 token 回退分支 */ export { genStyle };
 export function useStyle(prefixCls) {
     return useEditorStyleRegister('history-group-menu', function(token) {
         var groupMenuToken = _object_spread_props(_object_spread({}, token), {

package/dist/Hooks/useAutoScroll.js

@@ -153,7 +153,7 @@ function _ts_generator(thisArg, body) {
 }
 import { useEffect, useRef } from "react";
 import { useThrottleFn } from "./useThrottleFn";
-var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
+var SCROLL_TOLERANCE = 20;
 /**
  * useAutoScroll Hook - 自动滚动 Hook
  *
@@ -203,15 +203,22 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {
         SCROLL_TOLERANCE: SCROLL_TOLERANCE
     };
+    var _ref;
     var containerRef = useRef(null);
     var lastScrollHeight = useRef(0);
-    var isLocked = useRef(false); // 用户滚动锁定状态
+    /**
+   * 记录自动滚动是否处于激活状态（即用户没有主动向上滚动）。
+   * 在 smooth scroll 动画过程中 scrollTop 尚未到达目标值，如果此时有新内容
+   * 进来，isNearBottom 可能因 scrollTop 还在动画中途而误判为 false，导致
+   * 漏掉最后一次滚动。用此标志可以安全地跨帧维持"应该跟底"的意图。
+   */ var isAutoScrollEngaged = useRef(true);
     var observer = useRef(null);
+    var tolerance = (_ref = props === null || props === void 0 ? void 0 : props.SCROLL_TOLERANCE) !== null && _ref !== void 0 ? _ref : SCROLL_TOLERANCE;
     // 主滚动逻辑
     var _checkScroll = function _checkScroll() {
         var force = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false, behavior = arguments.length > 1 ? arguments[1] : void 0;
         return _async_to_generator(function() {
-            var _props_onResize, container, currentScrollHeight, prevScrollHeight, isNearBottom, shouldScroll, _container_scrollTo, scrollBehavior;
+            var _props_onResize, container, currentScrollHeight, prevScrollHeight, isNearBottom, shouldScroll, scrollBehavior;
             return _ts_generator(this, function(_state) {
                 container = containerRef.current;
                 if (!container) return [
@@ -223,21 +230,20 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
                 });
                 currentScrollHeight = container.scrollHeight;
                 prevScrollHeight = lastScrollHeight.current;
-                // 计算用户是否在底部区域
-                isNearBottom = container.scrollTop + container.clientHeight >= prevScrollHeight - ((props === null || props === void 0 ? void 0 : props.SCROLL_TOLERANCE) || SCROLL_TOLERANCE);
-                // 触发滚动的情况：
-                // 1. 强制滚动（手动触发）
-                // 2. 内容高度增加且用户原本在底部
-                shouldScroll = force || currentScrollHeight > prevScrollHeight && (isNearBottom || isLocked.current);
+                // 使用当前 scrollHeight 判断是否靠近底部，避免 smooth 动画中 scrollTop
+                // 尚未到达目标时的误判。
+                isNearBottom = container.scrollTop + container.clientHeight >= currentScrollHeight - tolerance;
+                shouldScroll = force || currentScrollHeight > prevScrollHeight && (isNearBottom || isAutoScrollEngaged.current);
                 if (shouldScroll && container.scrollTo) {
-                    ;
-                    // 如果传入了 behavior，使用传入的值；否则使用配置的 scrollBehavior；最后默认为 'smooth'
                     scrollBehavior = behavior !== undefined ? behavior : props.scrollBehavior || 'smooth';
-                    (_container_scrollTo = container.scrollTo) === null || _container_scrollTo === void 0 ? void 0 : _container_scrollTo.call(container, {
+                    container.scrollTo({
                         top: currentScrollHeight,
                         behavior: scrollBehavior
                     });
-                    isLocked.current = false; // 滚动后解除锁定
+                    isAutoScrollEngaged.current = true;
+                } else if (!isNearBottom) {
+                    // 用户已经向上滚动远离底部，关闭自动跟随
+                    isAutoScrollEngaged.current = false;
                 }
                 lastScrollHeight.current = currentScrollHeight;
                 return [
@@ -247,12 +253,30 @@ var SCROLL_TOLERANCE = 20; // 滚动到底部的容差阈值
         })();
     };
     var checkScroll = useThrottleFn(_checkScroll, props.timeout || 160);
+    // 监听用户手动滚动，判断其是否离开了底部
+    useEffect(function() {
+        var container = containerRef.current;
+        if (!container) return;
+        var handleScroll = function handleScroll() {
+            var atBottom = container.scrollTop + container.clientHeight >= container.scrollHeight - tolerance;
+            if (atBottom) {
+                isAutoScrollEngaged.current = true;
+            } else {
+                isAutoScrollEngaged.current = false;
+            }
+        };
+        container.addEventListener('scroll', handleScroll, {
+            passive: true
+        });
+        return function() {
+            return container.removeEventListener('scroll', handleScroll);
+        };
+    }, _to_consumable_array(props.deps || []));
     // DOM 变化监听（MutationObserver）
     useEffect(function() {
         var container = containerRef.current;
         if (!container) return;
         observer.current = new MutationObserver(function(mutations) {
-            // 过滤出添加节点的变化
             var hasAddedNodes = mutations.some(function(m) {
                 return m.addedNodes.length > 0;
             });

package/dist/Hooks/useLanguage.d.ts

@@ -392,6 +392,7 @@ export declare function useLanguage(): {
         'browser.searching': string;
         'layout.header.title': string;
         theme: string;
+        localPreview: string;
         expandCollapse: string;
         moreActions: string;
         clickToRetry: string;

package/dist/I18n/locales.d.ts

@@ -354,6 +354,7 @@ export declare const cnLabels: {
     'browser.searching': string;
     'layout.header.title': string;
     theme: string;
+    localPreview: string;
     expandCollapse: string;
     moreActions: string;
     clickToRetry: string;

package/dist/I18n/locales.js

@@ -376,6 +376,7 @@
     'browser.searching': '搜索中...',
     'layout.header.title': 'AI 助手',
     theme: '主题',
+    localPreview: '本地预览',
     expandCollapse: '展开/收起',
     moreActions: '更多操作',
     clickToRetry: '点击重试',
@@ -801,6 +802,7 @@
     'browser.searching': 'Searching...',
     'layout.header.title': 'AI Assistant',
     theme: 'Theme',
+    localPreview: 'Local Preview',
     expandCollapse: 'Expand/Collapse',
     moreActions: 'More Actions',
     clickToRetry: 'Click to Retry',

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -441,7 +441,8 @@ var I18nBoundary = function I18nBoundary(param) {
             }, contentStyle),
             prefixCls: baseClassName,
             fncProps: props.fncProps,
-            linkConfig: props.linkConfig
+            linkConfig: props.linkConfig,
+            eleRender: props.eleRender
         }), children))));
     }
     var _obj1;

package/dist/MarkdownEditor/editor/Editor.js

@@ -959,7 +959,7 @@ var defaultAllowedTypes = [
     };
     /**
    * 处理输入法开始事件
-   */ var onCompositionStart = function onCompositionStart(e) {
+   */ var onCompositionStart = function onCompositionStart() {
         var _markdownEditorRef_current_selection;
         if (markdownContainerRef.current) {
             markdownContainerRef.current.setAttribute('data-composition', '');
@@ -979,8 +979,18 @@ var defaultAllowedTypes = [
                 }
             }
         }
-        if (markdownEditorRef.current.selection && Range.isCollapsed(markdownEditorRef.current.selection)) {
-            e.preventDefault();
+    // 注意：不在此处调用 e.preventDefault()。
+    // 移动端（Android GBoard / iOS 软键盘）所有输入都经过组合事件，
+    // 调用 preventDefault 会阻断浏览器将字符写入 contenteditable，
+    // 导致 Slate 模型永远为空，占位符无法消失。
+    };
+    /**
+   * 部分 Android WebView（如微信）可能跳过 compositionstart 直接触发
+   * compositionupdate，此处兜底确保 data-composition 始终被设置。
+   */ var onCompositionUpdate = function onCompositionUpdate() {
+        if (markdownContainerRef.current && !markdownContainerRef.current.hasAttribute('data-composition')) {
+            markdownContainerRef.current.setAttribute('data-composition', '');
+            store.inputComposition = true;
         }
     };
     /**
@@ -988,9 +998,6 @@ var defaultAllowedTypes = [
    */ var onCompositionEnd = function onCompositionEnd() {
         var _markdownEditorRef_current_selection;
         store.inputComposition = false;
-        if (markdownContainerRef.current) {
-            markdownContainerRef.current.removeAttribute('data-composition');
-        }
         var focusPath = ((_markdownEditorRef_current_selection = markdownEditorRef.current.selection) === null || _markdownEditorRef_current_selection === void 0 ? void 0 : _markdownEditorRef_current_selection.focus.path) || [];
         if (focusPath.length > 0) {
             var _markdownEditorRef_current_selection1;
@@ -1005,6 +1012,14 @@ var defaultAllowedTypes = [
                 }
             }
         }
+        // 延迟到下一帧移除 data-composition，确保 Slate 完成模型更新、
+        // React 完成重渲染（isEmpty 变为 false、empty class 移除）后
+        // 再解除占位符隐藏，避免竞态导致占位符短暂闪现。
+        requestAnimationFrame(function() {
+            if (markdownContainerRef.current) {
+                markdownContainerRef.current.removeAttribute('data-composition');
+            }
+        });
     };
     var elementRenderElement = useRefFunction(function(eleProps) {
         var _props_lazy;
@@ -1227,6 +1242,7 @@ var defaultAllowedTypes = [
         autoCorrect: "off",
         autoCapitalize: "none",
         onCompositionStart: onCompositionStart,
+        onCompositionUpdate: onCompositionUpdate,
         onCompositionEnd: onCompositionEnd,
         className: classNames(props.className, baseClassName, (_obj = {}, _define_property(_obj, "".concat(baseClassName, "-").concat(readonlyCls), readonlyCls), _define_property(_obj, "".concat(baseClassName, "-report"), props.reportMode), _define_property(_obj, "".concat(baseClassName, "-edit"), !readonly), _define_property(_obj, "".concat(baseClassName, "-compact"), props.compact), _obj), hashId),
         style: props.style,

package/dist/MarkdownEditor/editor/elements/AgenticUiBlocks/AgenticUiFileMapBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RenderElementProps } from 'slate-react';
+export declare const AgenticUiFileMapBlock: React.FC<RenderElementProps>;
+export declare const ReadonlyAgenticUiFileMapBlock: React.NamedExoticComponent<RenderElementProps>;