@ant-design/agentic-ui 2.30.29 → 2.30.30

package/dist/MarkdownEditor/BaseMarkdownEditor.d.ts

@@ -3,6 +3,7 @@ import { parserMdToSchema } from './editor/parser/parserMdToSchema';
 import { EditorUtils } from './editor/utils/editorUtils';
 import { MarkdownEditorProps } from './types';
 export { EditorUtils, parserMdToSchema };
+export { sanitizeEditorChromeStyle } from './utils/sanitizeChromeStyle';
 export * from './editor/elements';
 export * from './editor/utils';
 export * from './el';

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -175,8 +175,10 @@ import { useSystemKeyboard } from "./editor/utils/keyboard";
 import { PluginContext } from "./plugin";
 import { useStyle } from "./style";
 import { exportHtml } from "./utils/exportHtml";
+import { sanitizeEditorChromeStyle } from "./utils/sanitizeChromeStyle";
 // 原生表格功能已集成到编辑器中
 export { EditorUtils, parserMdToSchema };
+export { sanitizeEditorChromeStyle } from "./utils/sanitizeChromeStyle";
 export * from "./editor/elements";
 export * from "./editor/utils";
 export * from "./el";
@@ -202,9 +204,9 @@ var I18nBoundary = function I18nBoundary(param) {
 /** 基于 Slate.js 的 Markdown 编辑器核心组件，readonly + renderMode='markdown' 时走轻量 MarkdownRenderer */ export var BaseMarkdownEditor = function BaseMarkdownEditor(props) {
     var _ref, _ref1, _props_streaming, _props_readonly;
     var _props_jinja, _effectiveJinja_templatePanel, _props_floatBar, _props_floatBar1, _props_textAreaProps;
-    var initValue = props.initValue, width = props.width, _props_toolBar = props.toolBar, toolBar = _props_toolBar === void 0 ? {} : _props_toolBar, editorRef = props.editorRef, _props_toc = props.toc, toc = _props_toc === void 0 ? false : _props_toc, readonly = props.readonly, lazy = props.lazy, style = props.style, _props_contentStyle = props.contentStyle, contentStyle = _props_contentStyle === void 0 ? {
+    var initValue = props.initValue, width = props.width, _props_toolBar = props.toolBar, toolBar = _props_toolBar === void 0 ? {} : _props_toolBar, editorRef = props.editorRef, _props_toc = props.toc, toc = _props_toc === void 0 ? false : _props_toc, readonly = props.readonly, lazy = props.lazy, rawStyle = props.style, tmp = props.contentStyle, rawContentStyle = tmp === void 0 ? {
         height: '100%'
-    } : _props_contentStyle, editorStyle = props.editorStyle, height = props.height, children = props.children, renderMode = props.renderMode, renderType = props.renderType, rest = _object_without_properties(props, [
+    } : tmp, editorStyle = props.editorStyle, height = props.height, children = props.children, renderMode = props.renderMode, renderType = props.renderType, rest = _object_without_properties(props, [
         "initValue",
         "width",
         "toolBar",
@@ -220,6 +222,8 @@ var I18nBoundary = function I18nBoundary(param) {
         "renderMode",
         "renderType"
     ]);
+    var contentStyle = sanitizeEditorChromeStyle(rawContentStyle);
+    var rootStyle = sanitizeEditorChromeStyle(rawStyle);
     var effectiveRenderMode = (_ref = renderMode !== null && renderMode !== void 0 ? renderMode : renderType) !== null && _ref !== void 0 ? _ref : 'slate';
     // 是否挂载
     var _useState = _sliced_to_array(useState(false), 2), editorMountStatus = _useState[0], setMountedStatus = _useState[1];
@@ -393,7 +397,7 @@ var I18nBoundary = function I18nBoundary(param) {
             style: _object_spread({
                 width: width || '100%',
                 height: height || 'auto'
-            }, style),
+            }, rootStyle),
             ref: markdownContainerRef
         }, /*#__PURE__*/ React.createElement(MarkdownRenderer, {
             content: initValue || '',
@@ -452,7 +456,7 @@ var I18nBoundary = function I18nBoundary(param) {
         style: _object_spread({
             width: width || '100%',
             height: height || 'auto'
-        }, style)
+        }, rootStyle)
     }, !readonly && (toolBar === null || toolBar === void 0 ? void 0 : toolBar.enable) === true ? /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(baseClassName, "-toolbar-container"), _define_property({}, "".concat(baseClassName, "-min-toolbar"), toolBar.min))
     }, /*#__PURE__*/ React.createElement(ToolBar, {

package/dist/MarkdownEditor/style.js

@@ -515,7 +515,6 @@ var genStyle = function genStyle(token) {
         borderRadius: 'var(--radius-control-sm)',
         background: 'var(--color-primary-bg-tip)',
         '[data-tag-popup-input]': {
-            border: '1px solid var(--color-gray-control-border-default, rgba(20, 22, 28, 0.12))',
             color: 'var(--color-primary-text-default, rgba(20, 22, 28, 0.88))',
             '&:not([data-composition]).empty::before': {
                 color: 'var(--color-gray-text-light, rgba(80, 94, 119, 0.53))',

package/dist/MarkdownEditor/utils/sanitizeChromeStyle.d.ts

@@ -0,0 +1,6 @@
+import type { CSSProperties } from 'react';
+/**
+ * 清理会产生无效内联声明的样式值（如 `padding-top: ;`、`--foo: ;`）。
+ * 用于 BaseMarkdownEditor 根 `style` 与 `contentStyle`。
+ */
+export declare function sanitizeEditorChromeStyle(style: CSSProperties | undefined): CSSProperties;

package/dist/MarkdownEditor/utils/sanitizeChromeStyle.js

@@ -0,0 +1,87 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var PADDING_KEYS = [
+    'padding',
+    'paddingTop',
+    'paddingRight',
+    'paddingBottom',
+    'paddingLeft'
+];
+/**
+ * 清理会产生无效内联声明的样式值（如 `padding-top: ;`、`--foo: ;`）。
+ * 用于 BaseMarkdownEditor 根 `style` 与 `contentStyle`。
+ */ export function sanitizeEditorChromeStyle(style) {
+    if (!style) return {};
+    var out = _object_spread({}, style);
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = PADDING_KEYS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var k = _step.value;
+            if (out[k] === '') {
+                delete out[k];
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+    try {
+        for(var _iterator1 = Object.keys(out)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+            var key = _step1.value;
+            if (key.startsWith('--') && out[key] === '') {
+                delete out[key];
+            }
+        }
+    } catch (err) {
+        _didIteratorError1 = true;
+        _iteratorError1 = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                _iterator1.return();
+            }
+        } finally{
+            if (_didIteratorError1) {
+                throw _iteratorError1;
+            }
+        }
+    }
+    return out;
+}

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -280,7 +280,6 @@ var genStyle = function genStyle(token) {
     }), _define_property(_obj1, "".concat(token.componentCls, "-container"), {
         position: 'relative',
         background: 'var(--color-gray-bg-page)',
-        borderBottom: '1px solid var(--color-gray-border-light, rgba(20, 22, 28, 0.12)) !important',
         '&-empty': {
             border: 'none'
         }

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -211,6 +211,9 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     ]);
     var _ref;
     var _props_skillMode, _props_enlargeable, _props_refinePrompt, _props_enlargeable1, _props_enlargeable2, _props_toolsRender;
+    var _ref1 = markdownProps !== null && markdownProps !== void 0 ? markdownProps : {}, markdownContentStyle = _ref1.contentStyle, markdownPropsRest = _object_without_properties(_ref1, [
+        "contentStyle"
+    ]);
     // 默认关闭文件上传，需显式传入 attachment.enable: true 开启
     var attachment = _object_spread({}, DEFAULT_ATTACHMENT, props.attachment);
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
@@ -426,11 +429,11 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
             enable: false
         },
         readonly: editorReadonly,
-        contentStyle: {
+        contentStyle: _object_spread({
             alignItems: 'flex-start',
             padding: 'var(--padding-3x)',
             paddingRight: computedRightPadding || 'var(--padding-3x)'
-        },
+        }, markdownContentStyle),
         textAreaProps: {
             enable: true,
             placeholder: props.placeholder
@@ -486,7 +489,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
             ],
             plainTextOnly: true
         }, props.pasteConfig)
-    }, markdownProps), (props === null || props === void 0 ? void 0 : props.quickActionRender) || ((_props_refinePrompt = props.refinePrompt) === null || _props_refinePrompt === void 0 ? void 0 : _props_refinePrompt.enable) || ((_props_enlargeable1 = props.enlargeable) === null || _props_enlargeable1 === void 0 ? void 0 : _props_enlargeable1.enable) ? /*#__PURE__*/ React.createElement(QuickActions, {
+    }, markdownPropsRest), (props === null || props === void 0 ? void 0 : props.quickActionRender) || ((_props_refinePrompt = props.refinePrompt) === null || _props_refinePrompt === void 0 ? void 0 : _props_refinePrompt.enable) || ((_props_enlargeable1 = props.enlargeable) === null || _props_enlargeable1 === void 0 ? void 0 : _props_enlargeable1.enable) ? /*#__PURE__*/ React.createElement(QuickActions, {
         ref: quickActionsRef,
         value: value,
         fileMap: fileMap,

package/dist/MarkdownInputField/SendButton/index.js

@@ -253,7 +253,7 @@ function SendIcon(props) {
             }
         },
         style: style,
-        className: classNames(baseCls, hashId, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-compact"), props.compact), _define_property(_obj, "".concat(baseCls, "-disabled"), disabled), _define_property(_obj, "".concat(baseCls, "-typing"), typing), _obj))
+        className: classNames(baseCls, hashId, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-compact"), props.compact), _define_property(_obj, "".concat(baseCls, "-disabled"), disabled || !isSendable), _define_property(_obj, "".concat(baseCls, "-typing"), typing), _obj))
     }, /*#__PURE__*/ React.createElement(ErrorBoundary, {
         fallback: /*#__PURE__*/ React.createElement("div", null)
     }, /*#__PURE__*/ React.createElement(SendIcon, {

package/dist/MarkdownInputField/SendButton/style.js

@@ -62,7 +62,8 @@ var pauseIconRotate = new Keyframes('pauseIconRotate', {
     }
 });
 var genStyle = function genStyle(token) {
-    return _define_property({}, token.componentCls, {
+    var _obj;
+    return _obj = {}, _define_property(_obj, token.componentCls, {
         fontSize: '32px',
         height: 32,
         display: 'flex',
@@ -70,10 +71,6 @@ var genStyle = function genStyle(token) {
         lineHeight: '32px',
         cursor: 'pointer',
         marginLeft: 4,
-        '&&-disabled': {
-            cursor: 'not-allowed',
-            opacity: 1
-        },
         // 旋转动画样式
         '.pause-icon-ring': {
             transition: 'transform 0.1s ',
@@ -83,7 +80,13 @@ var genStyle = function genStyle(token) {
             animationTimingFunction: 'linear',
             animationIterationCount: 'infinite'
         }
-    });
+    }), // 使用完整 modifier 类名，避免嵌套 `&&-disabled` 与 BEM 类名拼接不一致导致 cursor 等未生效
+    _define_property(_obj, "".concat(token.componentCls, "-disabled"), {
+        cursor: 'not-allowed',
+        // 发送图标圆形 fill 使用 var(--color-primary-control-fill-primary)，禁用时改为灰色语义
+        '--color-primary-control-fill-primary': '#8c8c8c',
+        '--color-gray-bg-card-white': 'black'
+    }), _obj;
 };
 /**
  * Probubble

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.30.29",
+  "version": "2.30.30",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",
@@ -23,21 +23,20 @@
     "lint": "pnpm run lint:es && pnpm run lint:css",
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "playwright:install": "playwright install --with-deps chromium",
     "prepare": "husky install && dumi setup",
-    "prepublishOnly": "npm run build && npm run test:full",
     "prettier": "prettier --write \"{src,docs,test}/**/*.{js,jsx,ts,tsx,css,less,json,md}\"",
     "preview": "pnpm dumi preview",
     "report:demo": "node scripts/generateDemoReport.js",
     "start": "pnpm run dev",
     "test": "vitest --run",
-    "test:full": "cross-env VITEST_FULL_SUITE=1 vitest --run",
     "test:coverage": "vitest --run --coverage",
     "test:coverage:full": "cross-env VITEST_FULL_SUITE=1 vitest --run --coverage",
     "test:e2e": "playwright test",
-    "playwright:install": "playwright install --with-deps chromium",
     "test:e2e:debug": "playwright test --debug",
     "test:e2e:skip-server": "cross-env SKIP_WEBSERVER=1 playwright test",
     "test:e2e:ui": "playwright test --ui",
+    "test:full": "cross-env VITEST_FULL_SUITE=1 vitest --run",
     "tsc": "tsc --noEmit"
   },
   "lint-staged": {