@ant-design/agentic-ui 2.29.41 → 2.29.43

package/dist/Constants/mobile.d.ts

@@ -1,3 +1,5 @@
+/** 表格列宽计算的列数阈值，少于该列数不设置 col 元素，使用浏览器默认布局 */
+export declare const TABLE_COL_WIDTH_MIN_COLUMNS = 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

@@ -2,6 +2,7 @@ var MOBILE_PADDING_MIN = '4px';
 var MOBILE_PADDING_MAX = '12px';
 var MOBILE_PADDING_SCALE = '2vw';
 var MOBILE_TABLE_MIN_CELL_WIDTH = 96;
+/** 表格列宽计算的列数阈值，少于该列数不设置 col 元素，使用浏览器默认布局 */ export var TABLE_COL_WIDTH_MIN_COLUMNS = 3;
 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/MarkdownEditor/editor/elements/Table/ReadonlyTableComponent.js

@@ -64,6 +64,7 @@ import classNames from "clsx";
 import copy from "copy-to-clipboard";
 import React, { useCallback, useContext, useMemo, useRef, useState } from "react";
 import { ActionIconBox } from "../../../../Components/ActionIconBox";
+import { TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
 import { I18nContext } from "../../../../I18n";
 import { useEditorStore } from "../../store";
 import { parserSlateNodeToMarkdown } from "../../utils";
@@ -84,15 +85,15 @@ import { parserSlateNodeToMarkdown } from "../../utils";
     var modelTargetRef = useRef(null);
     var _useState = _sliced_to_array(useState(false), 2), previewOpen = _useState[0], setPreviewOpen = _useState[1];
     var i18n = useContext(I18nContext);
-    // 简化的列宽计算 - 只为 readonly 模式设计
+    // 简化的列宽计算 - 只为 readonly 模式设计，少于 3 列不设置 col
     var colWidths = useMemo(function() {
         var _element_children__children, _element_children_, _element_children;
+        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 || columnCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
         var otherProps = element === null || element === void 0 ? void 0 : element.otherProps;
         if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
             return otherProps.colWidths;
         }
-        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 = 80;
         return Array(columnCount).fill(defaultWidth);
@@ -147,7 +148,7 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         return /*#__PURE__*/ React.createElement("table", {
             ref: tableTargetRef,
             className: classNames("".concat(baseCls, "-editor-table"), 'readonly', "".concat(baseCls, "-readonly-table"), _define_property({}, "".concat(baseCls, "-readonly-pure"), editorProps === null || editorProps === void 0 ? void 0 : (_editorProps_tableConfig = editorProps.tableConfig) === null || _editorProps_tableConfig === void 0 ? void 0 : _editorProps_tableConfig.pure))
-        }, /*#__PURE__*/ React.createElement("colgroup", null, colWidths.map(function(colWidth, index) {
+        }, colWidths.length > 0 && /*#__PURE__*/ React.createElement("colgroup", null, colWidths.map(function(colWidth, index) {
             var isLastCol = index === colWidths.length - 1;
             return /*#__PURE__*/ React.createElement("col", {
                 key: index,
@@ -194,6 +195,12 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         afterClose: handleModalClose,
         width: "80vw",
         onCancel: handleModalClose
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: getPrefixCls('agentic-md-editor'),
+        style: {
+            flex: 1,
+            minWidth: 0
+        }
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames(baseCls, getPrefixCls('agentic-md-editor-content')),
         style: {
@@ -204,15 +211,12 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         },
         ref: modelTargetRef,
         onMouseDown: function onMouseDown(e) {
-            // 阻止默认的文字选择行为
             e.preventDefault();
         },
         onDragStart: function onDragStart(e) {
-            // 阻止拖拽开始时的文字选择
             e.preventDefault();
         },
         onDoubleClick: function onDoubleClick(e) {
-            // 阻止双击选择文字
             e.preventDefault();
         }
     }, /*#__PURE__*/ React.createElement(ConfigProvider, {
@@ -222,6 +226,6 @@ import { parserSlateNodeToMarkdown } from "../../utils";
         getTargetContainer: function getTargetContainer() {
             return modelTargetRef.current || document.body;
         }
-    }, tableDom))));
+    }, tableDom)))));
 });
 ReadonlyTableComponent.displayName = 'ReadonlyTableComponent';

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

@@ -149,7 +149,7 @@ import classNames from "clsx";
 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 { MOBILE_BREAKPOINT, MOBILE_TABLE_MIN_COLUMN_WIDTH, TABLE_COL_WIDTH_MIN_COLUMNS } from "../../../../Constants/mobile";
 import { useEditorStore } from "../../store";
 import { ReadonlyTableComponent } from "./ReadonlyTableComponent";
 import { TablePropsContext } from "./TableContext";
@@ -197,18 +197,20 @@ import useScrollShadow from "./useScrollShadow";
     // 只在编辑模式下进行复杂的列宽计算
     var colWidths = useMemo(function() {
         var _props_element_otherProps, _props_element, _props_element_children, _props_element1, _tableRows__children, _tableRows_, _markdownContainerRef_current_querySelector, _markdownContainerRef_current;
-        // readonly 模式下使用简化计算
+        // readonly 模式下使用简化计算，少于 3 列不设置 col
         if (readonly) {
-            var _props_element2, _props_element_children__children, _props_element_children_, _props_element_children1, _props_element3;
-            var otherProps = (_props_element2 = props.element) === null || _props_element2 === void 0 ? void 0 : _props_element2.otherProps;
+            var _props_element_children__children, _props_element_children_, _props_element_children1, _props_element2, _props_element3;
+            var colCount = ((_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) || 0;
+            if (colCount === 0 || colCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
+            var otherProps = (_props_element3 = props.element) === null || _props_element3 === void 0 ? void 0 : _props_element3.otherProps;
             if (otherProps === null || otherProps === void 0 ? void 0 : otherProps.colWidths) {
                 return otherProps.colWidths;
             }
-            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); // 固定宽度
+            return Array(colCount).fill(80); // 固定宽度
         }
-        // 如果在props中存在，直接使用以避免计算
+        // 少于 3 列不设置 col，使用浏览器默认布局
+        if (columnCount < TABLE_COL_WIDTH_MIN_COLUMNS) return [];
+        // 如果在 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) {
             var _props_element_otherProps1, _props_element4;
             return (_props_element4 = props.element) === null || _props_element4 === void 0 ? void 0 : (_props_element_otherProps1 = _props_element4.otherProps) === null || _props_element_otherProps1 === void 0 ? void 0 : _props_element_otherProps1.colWidths;
@@ -333,10 +335,12 @@ import useScrollShadow from "./useScrollShadow";
             });
         }) || null), /*#__PURE__*/ React.createElement("tbody", null, readonly ? null : /*#__PURE__*/ React.createElement(TableRowIndex, {
             colWidths: colWidths,
+            columnCount: columnCount,
             tablePath: tablePath
         }), children));
     }, [
         colWidths,
+        columnCount,
         children,
         baseCls
     ]);

package/dist/MarkdownEditor/editor/elements/Table/TableRowIndex/index.d.ts

@@ -3,8 +3,10 @@ import React from 'react';
  * TableRowIndex 组件的属性接口
  */
 export interface TableRowIndexProps {
-    /** 列宽度数组 */
+    /** 列宽度数组，为空时使用 columnCount 渲染占位单元格 */
     colWidths?: number[];
+    /** 数据列数，colWidths 为空时用于渲染占位单元格数量 */
+    columnCount?: number;
     /** 自定义样式 */
     style?: React.CSSProperties;
     /** 自定义类名 */

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

@@ -34,7 +34,8 @@ import { TableCellIndexSpacer } from "../TableCellIndexSpacer";
  * - 根据列宽度数组生成对应的间隔单元格
  * - 包含行索引单元格和列间隔单元格
  */ export var TableRowIndex = function TableRowIndex(param) {
-    var _param_colWidths = param.colWidths, colWidths = _param_colWidths === void 0 ? [] : _param_colWidths, style = param.style, className = param.className, tablePath = param.tablePath;
+    var _param_colWidths = param.colWidths, colWidths = _param_colWidths === void 0 ? [] : _param_colWidths, _param_columnCount = param.columnCount, columnCount = _param_columnCount === void 0 ? 0 : _param_columnCount, style = param.style, className = param.className, tablePath = param.tablePath;
+    var spacerCount = colWidths.length > 0 ? colWidths.length : columnCount;
     var context = useContext(ConfigProvider.ConfigContext);
     var baseClassName = context === null || context === void 0 ? void 0 : context.getPrefixCls('agentic-md-editor-table-row-index');
     return /*#__PURE__*/ React.createElement("tr", {
@@ -51,7 +52,9 @@ import { TableCellIndexSpacer } from "../TableCellIndexSpacer";
         columnIndex: -1,
         key: -1,
         tablePath: tablePath
-    }), colWidths.map(function(_, index) {
+    }), Array.from({
+        length: spacerCount
+    }).map(function(_, index) {
         return /*#__PURE__*/ React.createElement(TableCellIndexSpacer, {
             key: index,
             columnIndex: index,

package/dist/MarkdownEditor/style.js

@@ -415,12 +415,10 @@ var genStyle = function genStyle(token) {
             width: 'max-content',
             tableLayout: 'fixed',
             margin: '16px 0',
-            maxWidth: '100%',
-            position: 'relative',
-            fontVariant: 'tabular-nums',
-            borderRadius: 'var(--table-border-radius)',
-            border: '1px solid var(--table-border-color)'
-        }, _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-pure"), {
+            maxWidth: '100%'
+        }, _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-table"), {
+            width: '100%'
+        }), _define_property(_obj1, "position", 'relative'), _define_property(_obj1, "fontVariant", 'tabular-nums'), _define_property(_obj1, "borderRadius", 'var(--table-border-radius)'), _define_property(_obj1, "border", '1px solid var(--table-border-color)'), _define_property(_obj1, "&".concat(token.componentCls, "-content-table-readonly-pure"), {
             border: 'none',
             borderRadius: 'none',
             'tr:not(.config-tr) td:not(.config-td)': {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.29.41",
+  "version": "2.29.43",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -24,6 +24,7 @@
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
     "prepare": "husky install && dumi setup",
+    "prepublishOnly": "father doctor && pnpm run test && pnpm run build",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",