@ant-design/agentic-ui 2.14.1 → 2.16.0

package/dist/Bubble/BubbleBeforeNode.js

@@ -71,15 +71,15 @@ var canRenderThoughtChain = function(placement, role, thoughtChainEnabled) {
     if (thoughtChainEnabled === false) return false;
     return true;
 };
-/**
- * BubbleBeforeNode 组件
- *
- * 在聊天气泡之前渲染思维链或任务列表，显示AI的思考过程
- *
- * @example
- * ```tsx
- * <BubbleBeforeNode bubble={bubbleData} />
- * ```
+/**
+ * BubbleBeforeNode 组件
+ *
+ * 在聊天气泡之前渲染思维链或任务列表，显示AI的思考过程
+ *
+ * @example
+ * ```tsx
+ * <BubbleBeforeNode bubble={bubbleData} />
+ * ```
  */ export var BubbleBeforeNode = function(param) {
     var bubble = param.bubble, className = param.className, style = param.style;
     var _context_thoughtChain, _originData_extra, _context_thoughtChain1, _context_thoughtChain2;

package/dist/Bubble/List/PureBubbleList.js

@@ -55,8 +55,8 @@ import { useContext, useMemo } from "react";
 import { ConfigProvider } from "antd";
 import cx from "classnames";
 import React from "react";
-import { PureAIBubble, PureUserBubble } from "../PureBubble";
 import { BubbleConfigContext } from "../BubbleConfigProvide";
+import { PureAIBubble, PureUserBubble } from "../PureBubble";
 import { useStyle } from "./style";
 export var PureBubbleList = function(props) {
     var bubbleList = props.bubbleList, bubbleListRef = props.bubbleListRef, bubbleRenderConfig = props.bubbleRenderConfig, className = props.className, classNames = props.classNames, docListProps = props.docListProps, isLoading = props.isLoading, markdownRenderConfig = props.markdownRenderConfig, onAvatarClick = props.onAvatarClick, onCancelLike = props.onCancelLike, onDisLike = props.onDisLike, onDoubleClick = props.onDoubleClick, onLike = props.onLike, onReply = props.onReply, onScroll = props.onScroll, onTouchMove = props.onTouchMove, onWheel = props.onWheel, shouldShowCopy = props.shouldShowCopy, shouldShowVoice = props.shouldShowVoice, style = props.style, styles = props.styles, userMeta = props.userMeta, assistantMeta = props.assistantMeta;

package/dist/Bubble/MessagesContent/EXCEPTION.js

@@ -37,7 +37,7 @@ import React from "react";
         style: {
             color: token.colorError,
             lineHeight: '24px',
-            padding: '4px 20px',
+            padding: '4px var(--padding-3x)',
             wordBreak: 'break-all',
             textWrap: 'wrap'
         }

package/dist/ChatLayout/style.js

@@ -50,10 +50,10 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+import { MOBILE_BREAKPOINT, MOBILE_PADDING } from "../Constants/mobile";
 import { resetComponent, useEditorStyleRegister } from "../Hooks/useStyle";
-var MOBILE_PADDING = 'var(--padding-1x)';
 var genStyle = function(token) {
-    return _define_property({}, token.componentCls, {
+    return _define_property({}, token.componentCls, _define_property({
         display: 'flex',
         flexDirection: 'column',
         height: '100%',
@@ -199,24 +199,23 @@ var genStyle = function(token) {
             zIndex: 100,
             borderBottomLeftRadius: 'var(--radius-xl)',
             borderBottomRightRadius: 'var(--radius-xl)'
+        }
+    }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
+        '&-header': {
+            padding: "0 ".concat(MOBILE_PADDING)
         },
-        '@media (max-width: 768px)': {
-            '&-header': {
-                padding: "0 ".concat(MOBILE_PADDING)
-            },
-            '&-content': {
-                '&-scrollable': {
-                    paddingTop: MOBILE_PADDING,
-                    paddingLeft: MOBILE_PADDING,
-                    paddingRight: MOBILE_PADDING,
-                    paddingBottom: '144px'
-                }
-            },
-            '&-footer': {
-                padding: MOBILE_PADDING
+        '&-content': {
+            '&-scrollable': {
+                paddingTop: MOBILE_PADDING,
+                paddingLeft: MOBILE_PADDING,
+                paddingRight: MOBILE_PADDING,
+                paddingBottom: '144px'
             }
+        },
+        '&-footer': {
+            padding: MOBILE_PADDING
         }
-    });
+    }));
 };
 /**
  * ChatLayout 样式 Hook

package/dist/Constants/mobile.d.ts

@@ -0,0 +1,3 @@
+export declare const MOBILE_PADDING = "clamp(4px, 2vw, 12px)";
+export declare const MOBILE_BREAKPOINT = "768px";
+export declare const MOBILE_TABLE_MIN_COLUMN_WIDTH = 96;

package/dist/Constants/mobile.js

@@ -0,0 +1,7 @@
+var MOBILE_PADDING_MIN = '4px';
+var MOBILE_PADDING_MAX = '12px';
+var MOBILE_PADDING_SCALE = '2vw';
+var MOBILE_TABLE_MIN_CELL_WIDTH = 96;
+export var MOBILE_PADDING = "clamp(".concat(MOBILE_PADDING_MIN, ", ").concat(MOBILE_PADDING_SCALE, ", ").concat(MOBILE_PADDING_MAX, ")");
+export var MOBILE_BREAKPOINT = '768px';
+export var MOBILE_TABLE_MIN_COLUMN_WIDTH = MOBILE_TABLE_MIN_CELL_WIDTH;

package/dist/Hooks/useLanguage.d.ts

@@ -350,6 +350,8 @@ export declare function useLanguage(): {
         'input.selectFile': string;
         'input.openGallery': string;
         'input.openFile': string;
+        'input.sendButtonTooltip.send': string;
+        'input.sendButtonTooltip.newline': string;
         'common.name': string;
         'common.updateTime': string;
         'common.type': string;

package/dist/I18n/locales.d.ts

@@ -314,6 +314,8 @@ export declare const cnLabels: {
     'input.selectFile': string;
     'input.openGallery': string;
     'input.openFile': string;
+    'input.sendButtonTooltip.send': string;
+    'input.sendButtonTooltip.newline': string;
     'common.name': string;
     'common.updateTime': string;
     'common.type': string;

package/dist/I18n/locales.js

@@ -333,6 +333,8 @@
     'input.selectFile': '选择文件',
     'input.openGallery': '打开相册',
     'input.openFile': '打开文件',
+    'input.sendButtonTooltip.send': '按 Enter 键发送',
+    'input.sendButtonTooltip.newline': '按 Shift+Enter 键换行',
     // Other translations
     'common.name': '名称',
     'common.updateTime': '更新时间',
@@ -695,6 +697,8 @@
     'input.selectFile': 'Select File',
     'input.openGallery': 'Open Gallery',
     'input.openFile': 'Open File',
+    'input.sendButtonTooltip.send': 'Press Enter to send',
+    'input.sendButtonTooltip.newline': 'Press Shift+Enter for new line',
     // Other translations
     'common.name': 'Name',
     'common.updateTime': 'Update Time',

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -408,8 +408,8 @@ var composeEditors = function(editor, plugins) {
         extra: toolBar.extra,
         min: toolBar.min
     })) : readonly ? null : null, /*#__PURE__*/ React.createElement("div", {
+        className: "".concat(baseClassName, "-content"),
         style: _object_spread({
-            padding: '4px 20px',
             overflow: 'auto',
             display: 'flex',
             height: !readonly && (toolBar === null || toolBar === void 0 ? void 0 : toolBar.enable) ? "calc(100% - 56px)" : '100%',

package/dist/MarkdownEditor/editor/Editor.js

@@ -923,8 +923,10 @@ var defaultAllowedTypes = [
     /**
    * 处理输入法开始事件
    */ var onCompositionStart = function(e) {
-        var _markdownContainerRef_current, _markdownEditorRef_current_selection;
-        (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : _markdownContainerRef_current.classList.add('composition');
+        var _markdownEditorRef_current_selection;
+        if (markdownContainerRef.current) {
+            markdownContainerRef.current.setAttribute('data-composition', '');
+        }
         store.inputComposition = true;
         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) {
@@ -933,8 +935,10 @@ var defaultAllowedTypes = [
             if (node) {
                 var dom = ReactEditor.toDOMNode(markdownEditorRef.current, node);
                 if (dom) {
-                    var _dom_querySelector;
-                    (_dom_querySelector = dom.querySelector('.tag-popup-input')) === null || _dom_querySelector === void 0 ? void 0 : _dom_querySelector.classList.add('tag-popup-input-composition');
+                    var tagInput = dom.querySelector('[data-tag-popup-input]');
+                    if (tagInput) {
+                        tagInput.setAttribute('data-composition', '');
+                    }
                 }
             }
         }
@@ -945,9 +949,11 @@ var defaultAllowedTypes = [
     /**
    * 处理输入法结束事件
    */ var onCompositionEnd = function() {
-        var _markdownContainerRef_current, _markdownEditorRef_current_selection;
+        var _markdownEditorRef_current_selection;
         store.inputComposition = false;
-        (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : _markdownContainerRef_current.classList.remove('composition');
+        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;
@@ -955,8 +961,10 @@ var defaultAllowedTypes = [
             if (node) {
                 var dom = ReactEditor.toDOMNode(markdownEditorRef.current, node);
                 if (dom) {
-                    var _dom_querySelector;
-                    (_dom_querySelector = dom.querySelector('.tag-popup-input')) === null || _dom_querySelector === void 0 ? void 0 : _dom_querySelector.classList.remove('tag-popup-input-composition');
+                    var tagInput = dom.querySelector('[data-tag-popup-input]');
+                    if (tagInput) {
+                        tagInput.removeAttribute('data-composition');
+                    }
                 }
             }
         }

package/dist/MarkdownEditor/editor/code.css

@@ -5,7 +5,7 @@
   margin-top: 8px;
 }
 
-.ace-container.frontmatter:before {
+.ace-container[data-frontmatter]:before {
   top: 3px;
   content: 'Front Matter';
   width: 100%;
@@ -19,7 +19,7 @@
   color: var(--color-gray-text-secondary);
 }
 
-.ace-container.frontmatter:is(.dark *):before {
+.ace-container[data-frontmatter]:is(.dark *):before {
   color: var(--color-gray-text-secondary);
 }
 

package/dist/MarkdownEditor/editor/elements/FootnoteDefinition.js

@@ -73,7 +73,8 @@ export var FootnoteDefinition = function(props) {
                 gap: 4
             },
             "data-be": 'footnoteDefinition',
-            className: !str ? 'ant-agentic-md-editor-drag-el empty' : 'ant-agentic-md-editor-drag-el',
+            "data-drag-el": true,
+            className: !str ? 'empty' : undefined,
             onDragStart: function(e) {
                 return store.dragStart(e, markdownContainerRef.current);
             }

package/dist/MarkdownEditor/editor/elements/FootnoteReference.js

@@ -109,7 +109,8 @@ export var FootnoteReference = function(props) {
         return /*#__PURE__*/ React.createElement("p", _object_spread_props(_object_spread({}, props.attributes), {
             "data-be": 'paragraph',
             "data-testid": "footnote-reference",
-            className: !str ? 'ant-agentic-md-editor-drag-el empty' : 'ant-agentic-md-editor-drag-el',
+            "data-drag-el": true,
+            className: !str ? 'empty' : undefined,
             onDragStart: function(e) {
                 return store.dragStart(e, markdownContainerRef.current);
             },

package/dist/MarkdownEditor/editor/elements/Head.d.ts

@@ -8,6 +8,7 @@ export declare function Head({ element, attributes, children, }: ElementProps<He
     onDragStart: (e: React.DragEvent<Element>) => any;
     "data-empty": string | undefined;
     "data-align": ("center" | "left" | "right") | undefined;
+    "data-drag-el": boolean;
     className: string;
     'data-slate-node': "element";
     'data-slate-inline'?: true | undefined;

package/dist/MarkdownEditor/editor/elements/Head.js

@@ -126,7 +126,7 @@ export function Head(param) {
             id: slugify(str)
         }, _define_property(_obj, 'data-be', 'head'), _define_property(_obj, 'data-head', slugify(Node.string(element) || '')), _define_property(_obj, 'data-title', (path === null || path === void 0 ? void 0 : path[0]) === 0), _define_property(_obj, "onDragStart", function(e) {
             return store.dragStart(e, markdownContainerRef.current);
-        }), _define_property(_obj, 'data-empty', !str && selected ? 'true' : undefined), _define_property(_obj, 'data-align', element.align), _define_property(_obj, "className", classNames('ant-agentic-md-editor-drag-el', {
+        }), _define_property(_obj, 'data-empty', !str && selected ? 'true' : undefined), _define_property(_obj, 'data-align', element.align), _define_property(_obj, 'data-drag-el', true), _define_property(_obj, "className", classNames({
             empty: !str,
             typewriter: isLast && typewriter
         })), _obj)), /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(DragHandle, null), children));

package/dist/MarkdownEditor/editor/elements/Image/index.js

@@ -388,7 +388,9 @@ import { getMediaType } from "../../utils/dom";
             borderRadius: 4,
             overflow: 'hidden',
             width: size.width,
-            height: size.height
+            height: size.height,
+            maxWidth: '100%',
+            boxSizing: 'border-box'
         }
     }, loading ? /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -441,7 +443,9 @@ import { getMediaType } from "../../utils/dom";
             var width = e.target.naturalWidth;
             var height = e.target.naturalHeight;
             radio.current = width / height;
-            width = Math.min((defaultSize === null || defaultSize === void 0 ? void 0 : defaultSize.width) || 400, 600, document.documentElement.clientWidth * 0.8 || 600);
+            var containerWidth = document.documentElement.clientWidth || window.innerWidth || 600;
+            var maxAllowedWidth = Math.min(containerWidth * 0.9, 600);
+            width = Math.min((defaultSize === null || defaultSize === void 0 ? void 0 : defaultSize.width) || 400, maxAllowedWidth);
             setSize({
                 width: width,
                 height: width / radio.current
@@ -606,7 +610,9 @@ export function EditorImage(param) {
             referrerPolicy: 'no-referrer',
             draggable: false,
             style: {
-                maxWidth: 800
+                maxWidth: '100%',
+                height: 'auto',
+                display: 'block'
             },
             width: element.width,
             height: element.height
@@ -619,8 +625,8 @@ export function EditorImage(param) {
         state().loadSuccess
     ]);
     return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, attributes), {
-        className: 'ant-agentic-md-editor-drag-el',
         "data-be": "image",
+        "data-drag-el": true,
         "data-testid": "image-container",
         style: {
             cursor: 'pointer',
@@ -628,7 +634,10 @@ export function EditorImage(param) {
             userSelect: 'none',
             WebkitUserSelect: 'none',
             MozUserSelect: 'none',
-            msUserSelect: 'none'
+            msUserSelect: 'none',
+            width: '100%',
+            maxWidth: '100%',
+            boxSizing: 'border-box'
         },
         draggable: false,
         onContextMenu: function(e) {
@@ -692,12 +701,15 @@ export function EditorImage(param) {
         tabIndex: -1,
         style: {
             padding: 4,
-            display: 'flex'
+            display: 'flex',
+            width: '100%',
+            maxWidth: '100%',
+            boxSizing: 'border-box'
         },
         ref: htmlRef,
         draggable: false,
         contentEditable: false,
-        className: "md-editor-media"
+        "data-be": "media-container"
     }, imageDom, /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'none'

package/dist/MarkdownEditor/editor/elements/LinkCard/index.js

@@ -12,8 +12,9 @@ export function LinkCard(param) {
     var _useStyle = useStyle(baseCls), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
     var htmlRef = React.useRef(null);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
-        className: classNames(baseCls, 'ant-agentic-md-editor-drag-el', hashId),
+        className: classNames(baseCls, hashId),
         "data-be": "link-card",
+        "data-drag-el": true,
         draggable: false,
         onContextMenu: function(e) {
             e.stopPropagation();

package/dist/MarkdownEditor/editor/elements/LinkCard/style.js

@@ -109,7 +109,7 @@ var genStyle = function(token) {
                     fontSize: 12
                 }
             },
-            '& &-editor-icon-box': {
+            '& [data-icon-box]': {
                 padding: '0 18px',
                 color: '#6b7280',
                 cursor: 'pointer',

package/dist/MarkdownEditor/editor/elements/List/ListItem.js

@@ -381,6 +381,7 @@ var MentionsUser = function(props) {
         if (!isTask) return null;
         return /*#__PURE__*/ React.createElement("span", {
             contentEditable: false,
+            "data-check-item": true,
             className: classNames("".concat(baseCls, "-check-item"), hashId)
         }, /*#__PURE__*/ React.createElement(Checkbox, {
             checked: element.checked,

package/dist/MarkdownEditor/editor/elements/List/style.js

@@ -68,11 +68,11 @@ var genStyle = function(token) {
             paddingTop: '0 !important',
             paddingBottom: '0 !important'
         }
-    }, _define_property(_obj, "li:not(".concat(token.componentCls, "-task) > :first-child .ant-agentic-md-editor-drag-handle"), {
+    }, _define_property(_obj, "li:not(".concat(token.componentCls, "-task) > :first-child [data-drag-handle]"), {
         paddingLeft: '2px',
         paddingRight: '12px',
         left: '-44px !important'
-    }), _define_property(_obj, "li".concat(token.componentCls, "-task > :nth-child(2) .ant-agentic-md-editor-drag-handle"), {
+    }), _define_property(_obj, "li".concat(token.componentCls, "-task > :nth-child(2) [data-drag-handle]"), {
         paddingLeft: '2px',
         paddingRight: '10px',
         left: '-50px !important'

package/dist/MarkdownEditor/editor/elements/Media.js

@@ -292,7 +292,9 @@ import { ImageAndError } from "./Image";
             borderRadius: 4,
             overflow: 'hidden',
             width: size.width,
-            height: size.height
+            height: size.height,
+            maxWidth: '100%',
+            boxSizing: 'border-box'
         }
     }, loading ? /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -346,7 +348,9 @@ import { ImageAndError } from "./Image";
             var width = e.target.naturalWidth;
             var height = e.target.naturalHeight;
             radio.current = width / height;
-            width = Math.min(width, 600, document.documentElement.clientWidth * 0.8 || 600);
+            var containerWidth = document.documentElement.clientWidth || window.innerWidth || 600;
+            var maxAllowedWidth = Math.min(containerWidth * 0.9, 600);
+            width = Math.min(width, maxAllowedWidth);
             setSize({
                 width: width,
                 height: width / radio.current
@@ -513,7 +517,9 @@ export function Media(param) {
             crossOrigin: 'anonymous',
             draggable: false,
             style: {
-                maxWidth: 800
+                maxWidth: '100%',
+                height: 'auto',
+                display: 'block'
             },
             width: element.width,
             height: element.height
@@ -562,9 +568,10 @@ export function Media(param) {
                 style: {
                     width: element.width ? "".concat(element.width, "px") : '100%',
                     height: element.height ? "".concat(element.height, "px") : 'auto',
-                    maxWidth: 600,
+                    maxWidth: '100%',
                     borderRadius: '6px',
-                    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)'
+                    boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
+                    display: 'block'
                 },
                 src: ((_state = state()) === null || _state === void 0 ? void 0 : _state.url) || '',
                 preload: "metadata",
@@ -685,7 +692,7 @@ export function Media(param) {
                     fontSize: 12
                 }
             }, element.otherProps.updateTime) : null))), /*#__PURE__*/ React.createElement("div", {
-                className: "editor-icon-box",
+                "data-icon-box": true,
                 style: {
                     padding: '0 18px'
                 }
@@ -707,8 +714,8 @@ export function Media(param) {
         (_state1 = state()) === null || _state1 === void 0 ? void 0 : _state1.url
     ]);
     return /*#__PURE__*/ React.createElement("div", attributes, /*#__PURE__*/ React.createElement("div", {
-        className: 'ant-agentic-md-editor-drag-el',
         "data-be": "media",
+        "data-drag-el": true,
         "data-testid": "media-container",
         style: {
             cursor: 'pointer',
@@ -718,7 +725,10 @@ export function Media(param) {
             userSelect: 'none',
             WebkitUserSelect: 'none',
             MozUserSelect: 'none',
-            msUserSelect: 'none'
+            msUserSelect: 'none',
+            width: '100%',
+            maxWidth: '100%',
+            boxSizing: 'border-box'
         },
         draggable: false,
         onContextMenu: function(e) {
@@ -771,12 +781,14 @@ export function Media(param) {
             userSelect: 'none',
             display: 'flex',
             flexDirection: 'column',
-            width: mediaElement ? '100%' : undefined
+            width: mediaElement ? '100%' : undefined,
+            maxWidth: '100%',
+            boxSizing: 'border-box'
         },
         ref: htmlRef,
         draggable: false,
         contentEditable: false,
-        className: "md-editor-media"
+        "data-be": "media-container"
     }, mediaElement, imageDom, /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'none'

package/dist/MarkdownEditor/editor/elements/Paragraph.js

@@ -126,7 +126,8 @@ export var Paragraph = function(props) {
         })) ? true : undefined;
         return /*#__PURE__*/ React.createElement("div", _object_spread_props(_object_spread({}, props.attributes), {
             "data-be": 'paragraph',
-            className: classNames('ant-agentic-md-editor-drag-el', {
+            "data-drag-el": true,
+            className: classNames({
                 empty: isEmpty,
                 typewriter: isLast && typewriter
             }),

package/dist/MarkdownEditor/editor/elements/Schema.js

@@ -125,7 +125,7 @@ import { useEditorStore } from "../store";
                 style: {
                     padding: '0.5em'
                 },
-                className: "md-editor-agentar-card"
+                "data-agentar-card": true
             }, /*#__PURE__*/ React.createElement(SchemaRenderer, {
                 debug: false,
                 fallbackContent: null,

package/dist/MarkdownEditor/editor/elements/Table/ReadonlyTableComponent.js

@@ -94,7 +94,7 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         var columnCount = (element === null || element === void 0 ? void 0 : (_element_children = element.children) === null || _element_children === void 0 ? void 0 : (_element_children_ = _element_children[0]) === null || _element_children_ === void 0 ? void 0 : (_element_children__children = _element_children_.children) === null || _element_children__children === void 0 ? void 0 : _element_children__children.length) || 0;
         if (columnCount === 0) return [];
         // 使用固定宽度避免复杂计算
-        var defaultWidth = 120;
+        var defaultWidth = 80;
         return Array(columnCount).fill(defaultWidth);
     }, [
         element === null || element === void 0 ? void 0 : element.otherProps,

package/dist/MarkdownEditor/editor/elements/Table/Table.js

@@ -88,6 +88,7 @@ import classNames from "classnames";
 import React, { useContext, useEffect, useMemo, useRef } from "react";
 import { Node } from "slate";
 import stringWidth from "string-width";
+import { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH } from "../../../../Constants/mobile";
 import { useEditorStore } from "../../store";
 import { ReadonlyTableComponent } from "./ReadonlyTableComponent";
 import { TablePropsContext } from "./TableContext";
@@ -123,17 +124,19 @@ import useScrollShadow from "./useScrollShadow";
         "hashId",
         "children"
     ]);
-    var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _props_element_children__children, _props_element_children_, _props_element_children1, _props_element2;
+    var _props_element_children__children, _props_element_children_, _props_element_children, _props_element, _props_element_otherProps, _props_element1, _props_element_children1, _props_element2;
     var _useEditorStore = useEditorStore(), readonly = _useEditorStore.readonly, markdownContainerRef = _useEditorStore.markdownContainerRef;
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var tablePath = useContext(TablePropsContext).tablePath;
     var baseCls = getPrefixCls('agentic-md-editor-content-table');
     var tableTargetRef = useRef(null);
+    var columnCount = ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_children = _props_element.children) === null || _props_element_children === void 0 ? void 0 : (_props_element_children_ = _props_element_children[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
+    var mobileBreakpointValue = parseInt(MOBILE_BREAKPOINT, 10) || 768;
     // 总是调用 hooks，避免条件调用
     var _useScrollShadow = _sliced_to_array(useScrollShadow(), 2), tableRef = _useScrollShadow[0], scrollState = _useScrollShadow[1];
     // 只在编辑模式下进行复杂的列宽计算
     var colWidths = useMemo(function() {
-        var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current, _tableRows__children1, _tableRows_1;
+        var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
         // readonly 模式下使用简化计算
         if (readonly) {
             var _props_element2, _props_element_children__children, _props_element_children_, _props_element_children1, _props_element3;
@@ -141,9 +144,9 @@ import useScrollShadow from "./useScrollShadow";
             if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
                 return otherProps.colWidths;
             }
-            var columnCount = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_children1 = _props_element3.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
-            if (columnCount === 0) return [];
-            return Array(columnCount).fill(120); // 固定宽度
+            var columnCount1 = ((_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : (_props_element_children1 = _props_element3.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length) || 0;
+            if (columnCount1 === 0) return [];
+            return Array(columnCount1).fill(80); // 固定宽度
         }
         // 如果在props中存在，直接使用以避免计算
         if ((_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths) {
@@ -155,13 +158,13 @@ import useScrollShadow from "./useScrollShadow";
         if (!(tableRows === null || tableRows === void 0 ? void 0 : (_tableRows_ = tableRows[0]) === null || _tableRows_ === void 0 ? void 0 : (_tableRows__children = _tableRows_.children) === null || _tableRows__children === void 0 ? void 0 : _tableRows__children.length)) return [];
         // 只获取一次容器宽度
         var containerWidth = ((markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : (_markdownContainerRef_current_querySelector = _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) === null || _markdownContainerRef_current_querySelector === void 0 ? void 0 : _markdownContainerRef_current_querySelector.clientWidth) || 400) - 32 - 12;
-        var maxColumnWidth = containerWidth / 4;
-        var minColumnWidth = 60;
-        var columnCount1 = (tableRows === null || tableRows === void 0 ? void 0 : (_tableRows_1 = tableRows[0]) === null || _tableRows_1 === void 0 ? void 0 : (_tableRows__children1 = _tableRows_1.children) === null || _tableRows__children1 === void 0 ? void 0 : _tableRows__children1.length) || 0;
+        var isMobileLayout = containerWidth <= mobileBreakpointValue;
+        var minColumnWidth = isMobileLayout ? MOBILE_TABLE_MIN_COLUMN_WIDTH : 60;
+        var maxColumnWidth = isMobileLayout ? containerWidth : containerWidth / 4;
         var rowsToSample = Math.min(5, tableRows.length);
         // 一次性计算宽度
         var calculatedWidths = Array.from({
-            length: columnCount1
+            length: columnCount
         }, function(_, colIndex) {
             var _Math;
             var cellWidths = [];
@@ -178,21 +181,21 @@ import useScrollShadow from "./useScrollShadow";
             ].concat(_to_consumable_array(cellWidths))), maxColumnWidth);
         });
         // 如果表格少于5行且总宽度超过容器宽度，则均匀分配宽度
-        if (tableRows.length < 5) {
+        if (tableRows.length < 5 && columnCount > 0) {
             var totalWidth = calculatedWidths.reduce(function(sum, width) {
                 return sum + width;
             }, 0);
             if (totalWidth > containerWidth) {
-                var evenWidth = Math.max(minColumnWidth, Math.floor(containerWidth / columnCount1));
-                return Array(columnCount1).fill(evenWidth);
+                var evenWidth = Math.max(minColumnWidth, Math.floor(containerWidth / columnCount));
+                return Array(columnCount).fill(evenWidth);
             }
         }
         return calculatedWidths;
     }, [
         readonly,
-        (_props_element = props.element) === null || _props_element === void 0 ? void 0 : (_props_element_otherProps = _props_element.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths,
-        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_children = _props_element1.children) === null || _props_element_children === void 0 ? void 0 : _props_element_children.length,
-        (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_children1 = _props_element2.children) === null || _props_element_children1 === void 0 ? void 0 : (_props_element_children_ = _props_element_children1[0]) === null || _props_element_children_ === void 0 ? void 0 : (_props_element_children__children = _props_element_children_.children) === null || _props_element_children__children === void 0 ? void 0 : _props_element_children__children.length,
+        (_props_element1 = props.element) === null || _props_element1 === void 0 ? void 0 : (_props_element_otherProps = _props_element1.otherProps) === null || _props_element_otherProps === void 0 ? void 0 : _props_element_otherProps.colWidths,
+        (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : (_props_element_children1 = _props_element2.children) === null || _props_element_children1 === void 0 ? void 0 : _props_element_children1.length,
+        columnCount,
         markdownContainerRef
     ]);
     // 只在编辑模式下添加resize事件监听
@@ -208,7 +211,13 @@ import useScrollShadow from "./useScrollShadow";
             var dom = tableRef.current;
             if (dom) {
                 setTimeout(function() {
-                    dom.style.minWidth = "min(".concat(((minWidth || 200) * 0.95).toFixed(0), "px,").concat(maxWidth || minWidth || 'xxx', "px,200px)");
+                    var _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
+                    var containerWidthForBreakpoint = ((markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : (_markdownContainerRef_current_querySelector = _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) === null || _markdownContainerRef_current_querySelector === void 0 ? void 0 : _markdownContainerRef_current_querySelector.clientWidth) || 400) - 32 - 12;
+                    var isMobileLayout = containerWidthForBreakpoint <= mobileBreakpointValue;
+                    var computedMinColumnWidth = isMobileLayout ? MOBILE_TABLE_MIN_COLUMN_WIDTH : 60;
+                    var fallbackMinWidth = Number(((minWidth || 200) * 0.95).toFixed(0));
+                    var requiredMinWidth = Math.max(columnCount * computedMinColumnWidth, maxWidth, fallbackMinWidth, 200);
+                    dom.style.minWidth = "".concat(requiredMinWidth, "px");
                 }, 200);
             }
         };