@ant-design/agentic-ui 2.20.0 → 2.20.2

package/dist/MarkdownEditor/BaseMarkdownEditor.js

@@ -416,7 +416,10 @@ var composeEditors = function(editor, plugins) {
             position: 'relative',
             gap: 24,
             outline: 'none'
-        }, contentStyle),
+        }, (contentStyle === null || contentStyle === void 0 ? void 0 : contentStyle.padding) !== undefined ? {
+            '--content-padding': "".concat(typeof contentStyle.padding === 'number' ? "".concat(contentStyle.padding, "px") : contentStyle.padding),
+            padding: contentStyle.padding
+        } : {}, contentStyle),
         ref: function(dom) {
             markdownContainerRef.current = dom;
             setMountedStatus(true);

package/dist/MarkdownEditor/style.js

@@ -84,9 +84,11 @@ var genStyle = function(token) {
             outline: 'none !important'
         },
         '&-content': _define_property({
-            padding: '4px 20px'
+            // 默认 padding，可以通过 contentStyle 覆盖
+            // 使用 CSS 变量，允许通过内联样式覆盖
+            padding: 'var(--content-padding, 4px 20px)'
         }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
-            padding: '4px 4px'
+            padding: 'var(--content-padding, 4px 4px)'
         })
     });
 };

package/dist/Schema/SchemaEditor/index.js

@@ -100,7 +100,7 @@ import { CircleDashed, Copy, Play } from "@sofa-design/icons";
 import { Button, ConfigProvider, message } from "antd";
 import classNames from "classnames";
 import copy from "copy-to-clipboard";
-import React, { forwardRef, useCallback, useContext, useEffect, useImperativeHandle, useMemo, useState } from "react";
+import React, { forwardRef, useCallback, useContext, useImperativeHandle, useMemo, useState } from "react";
 import { I18nContext } from "../../I18n";
 import { SchemaRenderer } from "../SchemaRenderer";
 import { mdDataSchemaValidator } from "../validator";
@@ -129,31 +129,17 @@ import { useStyle } from "./style";
         };
     }), 2), schema = _useState[0], setSchema = _useState[1];
     var _useState1 = _sliced_to_array(useState(initialValues || {}), 2), values = _useState1[0], setValues = _useState1[1];
-    var _useState2 = _sliced_to_array(useState(''), 2), schemaString = _useState2[0], setSchemaString = _useState2[1];
-    var _useState3 = _sliced_to_array(useState(''), 2), htmlContent = _useState3[0], setHtmlContent = _useState3[1];
-    var _useState4 = _sliced_to_array(useState(''), 2), validationError = _useState4[0], setValidationError = _useState4[1];
-    var _useState5 = _sliced_to_array(useState({}), 2), renderedSchema = _useState5[0], setRenderedSchema = _useState5[1];
-    var _useState6 = _sliced_to_array(useState(false), 2), isSchemaRendered = _useState6[0], setIsSchemaRendered = _useState6[1];
+    var _useState2 = _sliced_to_array(useState(''), 2), validationError = _useState2[0], setValidationError = _useState2[1];
+    var _useState3 = _sliced_to_array(useState({}), 2), renderedSchema = _useState3[0], setRenderedSchema = _useState3[1];
+    var _useState4 = _sliced_to_array(useState(false), 2), isSchemaRendered = _useState4[0], setIsSchemaRendered = _useState4[1];
     // 使用 ref 存储最新值，确保 ref 方法能立即获取到最新状态
     var schemaRef = React.useRef(schema);
-    var htmlContentRef = React.useRef(htmlContent);
-    var schemaStringRef = React.useRef(schemaString);
     // 同步更新 ref 值
     React.useEffect(function() {
         schemaRef.current = schema;
     }, [
         schema
     ]);
-    React.useEffect(function() {
-        htmlContentRef.current = htmlContent;
-    }, [
-        htmlContent
-    ]);
-    React.useEffect(function() {
-        schemaStringRef.current = schemaString;
-    }, [
-        schemaString
-    ]);
     // 将schema转换为JSON字符串
     var schemaToJson = useCallback(function(schemaData) {
         try {
@@ -176,17 +162,15 @@ import { useStyle } from "./style";
     }, [
         locale
     ]);
-    // 初始化schema字符串
-    useEffect(function() {
+    // 从 schema 派生 htmlContent 和 schemaString
+    var htmlContent = useMemo(function() {
         var _schema_component;
-        var jsonString = schemaToJson(schema);
-        var html = ((_schema_component = schema.component) === null || _schema_component === void 0 ? void 0 : _schema_component.schema) || '';
-        setSchemaString(jsonString);
-        setHtmlContent(html);
-        // 同步更新 ref 值
-        schemaRef.current = schema;
-        schemaStringRef.current = jsonString;
-        htmlContentRef.current = html;
+        return ((_schema_component = schema.component) === null || _schema_component === void 0 ? void 0 : _schema_component.schema) || '';
+    }, [
+        schema
+    ]);
+    var schemaString = useMemo(function() {
+        return schemaToJson(schema);
     }, [
         schema,
         schemaToJson
@@ -220,8 +204,6 @@ import { useStyle } from "./style";
     ]);
     // 处理HTML内容变更
     var handleHtmlChange = useCallback(function(newHtml) {
-        setHtmlContent(newHtml);
-        htmlContentRef.current = newHtml;
         var newSchema = _object_spread_props(_object_spread({}, schemaRef.current), {
             component: _object_spread_props(_object_spread({}, schemaRef.current.component), {
                 schema: newHtml
@@ -233,15 +215,9 @@ import { useStyle } from "./style";
     ]);
     // 处理JSON编辑器变更
     var handleJsonChange = useCallback(function(newJsonString) {
-        setSchemaString(newJsonString);
-        schemaStringRef.current = newJsonString;
         var newSchema = jsonToSchema(newJsonString);
         if (newSchema) {
-            var _newSchema_component;
-            var html = ((_newSchema_component = newSchema.component) === null || _newSchema_component === void 0 ? void 0 : _newSchema_component.schema) || '';
             handleSchemaChange(newSchema);
-            setHtmlContent(html);
-            htmlContentRef.current = html;
         }
     }, [
         jsonToSchema,
@@ -291,44 +267,39 @@ import { useStyle } from "./style";
         schemaString,
         handleCopyContent
     ]);
+    // 统一的设置内容方法，支持 HTML 或 JSON 字符串
+    var setContent = useCallback(function(content, type) {
+        if (type === 'html') {
+            handleHtmlChange(content);
+        } else {
+            handleJsonChange(content);
+        }
+    }, [
+        handleHtmlChange,
+        handleJsonChange
+    ]);
     // 暴露 ref 方法
     useImperativeHandle(ref, function() {
         return {
             setSchema: function(newSchema) {
-                var _newSchema_component, _newSchema_component1;
                 handleSchemaChange(newSchema);
-                var newJsonString = schemaToJson(newSchema);
-                setSchemaString(newJsonString);
-                setHtmlContent(((_newSchema_component = newSchema.component) === null || _newSchema_component === void 0 ? void 0 : _newSchema_component.schema) || '');
-                // 立即更新 ref 值，确保 get 方法能立即获取到最新值
                 schemaRef.current = newSchema;
-                schemaStringRef.current = newJsonString;
-                htmlContentRef.current = ((_newSchema_component1 = newSchema.component) === null || _newSchema_component1 === void 0 ? void 0 : _newSchema_component1.schema) || '';
             },
             setHtmlContent: function(newHtml) {
-                handleHtmlChange(newHtml);
-                // 立即更新 ref 值
-                htmlContentRef.current = newHtml;
+                setContent(newHtml, 'html');
             },
             setSchemaString: function(newJsonString) {
-                handleJsonChange(newJsonString);
-                // 立即更新 ref 值
-                schemaStringRef.current = newJsonString;
-                var newSchema = jsonToSchema(newJsonString);
-                if (newSchema) {
-                    var _newSchema_component;
-                    schemaRef.current = newSchema;
-                    htmlContentRef.current = ((_newSchema_component = newSchema.component) === null || _newSchema_component === void 0 ? void 0 : _newSchema_component.schema) || '';
-                }
+                setContent(newJsonString, 'json');
             },
             getSchema: function() {
                 return schemaRef.current;
             },
             getHtmlContent: function() {
-                return htmlContentRef.current;
+                var _schemaRef_current_component;
+                return ((_schemaRef_current_component = schemaRef.current.component) === null || _schemaRef_current_component === void 0 ? void 0 : _schemaRef_current_component.schema) || '';
             },
             getSchemaString: function() {
-                return schemaStringRef.current;
+                return schemaToJson(schemaRef.current);
             },
             run: handleRunClick,
             copyHtml: handleCopyHtml,
@@ -336,13 +307,11 @@ import { useStyle } from "./style";
         };
     }, [
         handleSchemaChange,
-        handleHtmlChange,
-        handleJsonChange,
+        setContent,
         handleRunClick,
         handleCopyHtml,
         handleCopyJson,
-        schemaToJson,
-        jsonToSchema
+        schemaToJson
     ]);
     // 渲染预览区域
     var renderPreview = useMemo(function() {

package/package.json

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