@ant-design/agentic-ui 2.30.15 → 2.30.19

package/dist/MarkdownInputField/MarkdownInputField.js

@@ -135,6 +135,8 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { ConfigProvider } from "antd";
 import classNames from "clsx";
 import React, { memo, useContext, useState } from "react";
+import { TextLoading } from "../Components/lotties/TextLoading";
+import { useLocale } from "../I18n";
 import { BaseMarkdownEditor } from "../MarkdownEditor";
 import { BorderBeamAnimation } from "./BorderBeamAnimation";
 import { useFileUploadManager } from "./FileUploadManager";
@@ -167,7 +169,7 @@ import { useVoiceInputManager } from "./VoiceInputManager";
  * @param {string} [props.placeholder] - 占位符文本
  * @param {string} [props.triggerSendKey='Enter'] - 触发发送的快捷键（Enter 发送，Shift+Enter 换行）
  * @param {boolean} [props.disabled] - 是否禁用
- * @param {boolean} [props.typing] - 是否正在输入
+ * @param {boolean} [props.typing] - AI 回复中等场景下为 true，输入区只读并显示提示
  * @param {AttachmentProps} [props.attachment] - 附件配置
  * @param {string[]} [props.bgColorList] - 背景颜色列表，推荐使用3-4种颜色
  * @param {React.RefObject} [props.inputRef] - 输入框引用
@@ -213,6 +215,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
     var baseCls = getPrefixCls('agentic-md-input-field');
     var _useStyle = useStyle(baseCls, props.disableHoverAnimation), wrapSSR = _useStyle.wrapSSR, hashId = _useStyle.hashId;
+    var locale = useLocale();
     // 状态管理
     var _useMarkdownInputFieldState = useMarkdownInputFieldState({
         value: props.value,
@@ -305,6 +308,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         isHover: isHover,
         isLoading: isLoading
     });
+    var editorReadonly = isLoading || !!props.typing;
     var sendActionsNode = useSendActionsNode({
         props: {
             attachment: attachment,
@@ -356,7 +360,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     }, /*#__PURE__*/ React.createElement("div", {
         ref: inputRef,
         "data-testid": testId !== null && testId !== void 0 ? testId : MARKDOWN_INPUT_FIELD_TEST_IDS.ROOT,
-        className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-skill-mode"), (_props_skillMode = props.skillMode) === null || _props_skillMode === void 0 ? void 0 : _props_skillMode.open), _define_property(_obj, "".concat(baseCls, "-typing"), false), _define_property(_obj, "".concat(baseCls, "-loading"), isLoading), _define_property(_obj, "".concat(baseCls, "-is-multi-row"), isMultiRowLayout), _define_property(_obj, "".concat(baseCls, "-enlarged"), isEnlarged), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
+        className: classNames(baseCls, hashId, props.className, (_obj = {}, _define_property(_obj, "".concat(baseCls, "-disabled"), props.disabled), _define_property(_obj, "".concat(baseCls, "-skill-mode"), (_props_skillMode = props.skillMode) === null || _props_skillMode === void 0 ? void 0 : _props_skillMode.open), _define_property(_obj, "".concat(baseCls, "-typing"), !!props.typing), _define_property(_obj, "".concat(baseCls, "-loading"), isLoading), _define_property(_obj, "".concat(baseCls, "-is-multi-row"), isMultiRowLayout), _define_property(_obj, "".concat(baseCls, "-enlarged"), isEnlarged), _define_property(_obj, "".concat(baseCls, "-focused"), isFocused), _define_property(_obj, "".concat(baseCls, "-has-tools-wrapper"), !!props.toolsRender), _obj)),
         style: _object_spread_props(_object_spread({}, props.style, enlargedStyle), {
             height: isEnlarged ? "".concat((_ref = (_props_enlargeable = props.enlargeable) === null || _props_enlargeable === void 0 ? void 0 : _props_enlargeable.height) !== null && _ref !== void 0 ? _ref : 980, "px") : "min(".concat(collapsedHeightPx, "px,100%)"),
             borderRadius: borderRadius || 12,
@@ -397,7 +401,14 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
     }), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(baseCls, "-editor-content"), hashId),
         "data-testid": MARKDOWN_INPUT_FIELD_TEST_IDS.EDITOR_CONTENT
-    }, attachmentList, /*#__PURE__*/ React.createElement(BaseMarkdownEditor, _object_spread({
+    }, attachmentList, (props.typing || isLoading) && !value && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(baseCls, "-typing-hint"), hashId),
+        "aria-live": "polite",
+        "aria-label": locale['input.typing.hint']
+    }, /*#__PURE__*/ React.createElement(TextLoading, {
+        text: locale['input.typing.hint'],
+        fontSize: 13
+    })), /*#__PURE__*/ React.createElement(BaseMarkdownEditor, _object_spread({
         editorRef: markdownEditorRef,
         leafRender: props.leafRender,
         style: {
@@ -412,7 +423,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         floatBar: {
             enable: false
         },
-        readonly: isLoading,
+        readonly: editorReadonly,
         contentStyle: {
             alignItems: 'flex-start',
             padding: 'var(--padding-3x)',
@@ -475,7 +486,7 @@ var MarkdownInputFieldComponent = function MarkdownInputFieldComponent(_0) {
         onFileMapChange: setFileMap,
         isHover: isHover,
         isLoading: isLoading,
-        disabled: props.disabled,
+        disabled: props.disabled || !!props.typing,
         fileUploadStatus: fileUploadStatus,
         refinePrompt: props.refinePrompt,
         editorRef: markdownEditorRef,

package/dist/MarkdownInputField/SendActions/index.js

@@ -90,13 +90,13 @@ import { MARKDOWN_INPUT_FIELD_TEST_IDS } from "../testIds";
                     var _attachment_onFileMapChange;
                     attachment === null || attachment === void 0 ? void 0 : (_attachment_onFileMapChange = attachment.onFileMapChange) === null || _attachment_onFileMapChange === void 0 ? void 0 : _attachment_onFileMapChange.call(attachment, fileMap);
                 },
-                disabled: !fileUploadDone || (attachment === null || attachment === void 0 ? void 0 : attachment.disabled)
+                disabled: !fileUploadDone || (attachment === null || attachment === void 0 ? void 0 : attachment.disabled) || !!typing
             })) : null,
             voiceRecognizer ? /*#__PURE__*/ React.createElement(VoiceInputButton, {
                 key: "voice-input-button",
                 title: collapseSendActions && defaultActionsLen > 2 ? (locale === null || locale === void 0 ? void 0 : locale['input.voiceInput']) || '语音输入' : '',
                 recording: recording,
-                disabled: disabled,
+                disabled: disabled || !!typing,
                 onStart: onStartRecording || function() {
                     return Promise.resolve();
                 },

package/dist/MarkdownInputField/hooks/useMarkdownInputFieldHandlers.js

@@ -389,6 +389,7 @@ import { getFileListFromDataTransferItems } from "../FilePaste";
     var handleContainerClick = useRefFunction(function(e) {
         var _markdownEditorRef_current_markdownEditorRef, _markdownEditorRef_current;
         if (props.disabled) return;
+        if (props.typing) return;
         var editor = markdownEditorRef === null || markdownEditorRef === void 0 ? void 0 : (_markdownEditorRef_current = markdownEditorRef.current) === null || _markdownEditorRef_current === void 0 ? void 0 : (_markdownEditorRef_current_markdownEditorRef = _markdownEditorRef_current.markdownEditorRef) === null || _markdownEditorRef_current_markdownEditorRef === void 0 ? void 0 : _markdownEditorRef_current_markdownEditorRef.current;
         if (!editor) return;
         try {

package/dist/MarkdownInputField/style.js

@@ -198,7 +198,8 @@ var genStyle = function genStyle(token) {
             maxHeight: 'inherit',
             minHeight: 0,
             borderRadius: 'inherit',
-            overflow: 'hidden'
+            overflow: 'hidden',
+            position: 'relative'
         }, "@media (max-width: ".concat(MOBILE_BREAKPOINT, ")"), {
             padding: "".concat(MOBILE_PADDING, " !important")
         }),
@@ -215,6 +216,28 @@ var genStyle = function genStyle(token) {
         '&-loading': {
             cursor: 'not-allowed'
         },
+        '&-typing': {
+            cursor: 'not-allowed'
+        },
+        '&-typing-hint': {
+            position: 'absolute',
+            left: 'var(--padding-3x)',
+            top: '50%',
+            transform: 'translateY(-50%)',
+            pointerEvents: 'none',
+            zIndex: 10,
+            display: 'flex',
+            alignItems: 'center',
+            gap: 6,
+            color: 'rgba(0,0,0,0.35)',
+            fontSize: 13,
+            userSelect: 'none'
+        },
+        '&-typing-hint-dots': {
+            display: 'inline-flex',
+            gap: 3,
+            alignItems: 'center'
+        },
         '&-send-tools': {
             boxSizing: 'border-box',
             display: 'flex',

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.d.ts

@@ -14,7 +14,7 @@ import type { CreateRecognizer } from '../VoiceInput';
  * @property {React.CSSProperties} [style] - 应用于输入字段的内联样式
  * @property {string} [className] - 应用于输入字段的 CSS 类名
  * @property {boolean} [disabled] - 是否禁用输入字段
- * @property {boolean} [typing] - 用户是否正在输入的状态标志
+ * @property {boolean} [typing] - AI 回复中等场景下为 true，输入区只读并显示提示
  * @property {'Enter'} [triggerSendKey] - 触发发送操作的键盘快捷键（Enter 发送，Shift+Enter 换行）
  * @property {function} [onSend] - 当内容发送时触发的异步回调函数
  */
@@ -51,8 +51,8 @@ export type MarkdownInputFieldProps = {
      */
     disabled?: boolean;
     /**
-     * 用户是否正在输入的状态标志。
-     * @example typing={isComposing}
+     * 为 true 时表示 AI 正在回复等场景：输入区只读、展示 typing 提示，且不可上传附件或语音输入。
+     * @example typing={isAssistantStreaming}
      */
     typing?: boolean;
     /**

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.js

@@ -8,7 +8,7 @@
  * @property {React.CSSProperties} [style] - 应用于输入字段的内联样式
  * @property {string} [className] - 应用于输入字段的 CSS 类名
  * @property {boolean} [disabled] - 是否禁用输入字段
- * @property {boolean} [typing] - 用户是否正在输入的状态标志
+ * @property {boolean} [typing] - AI 回复中等场景下为 true，输入区只读并显示提示
  * @property {'Enter'} [triggerSendKey] - 触发发送操作的键盘快捷键（Enter 发送，Shift+Enter 换行）
  * @property {function} [onSend] - 当内容发送时触发的异步回调函数
  */ export { };

package/dist/Plugins/chart/ChartRender.js

@@ -408,6 +408,7 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
     var i18n = useContext(I18nContext);
     var DonutChart = runtime.DonutChart, FunnelChart = runtime.FunnelChart, AreaChart = runtime.AreaChart, BarChart = runtime.BarChart, BoxPlotChart = runtime.BoxPlotChart, HistogramChart = runtime.HistogramChart, LineChart = runtime.LineChart, RadarChart = runtime.RadarChart, ScatterChart = runtime.ScatterChart;
     if (chartType === 'pie') {
+        var pieSize = (config === null || config === void 0 ? void 0 : config.height) || 400;
         return /*#__PURE__*/ React.createElement(DonutChart, {
             key: "".concat(config === null || config === void 0 ? void 0 : config.index, "-pie"),
             data: convertDonutData,
@@ -417,7 +418,8 @@ import { debounce, getDataHash, isConfigEqual, isNotEmpty, toNumber } from "./ut
                     showLegend: true
                 }
             ],
-            height: (config === null || config === void 0 ? void 0 : config.height) || 400,
+            width: pieSize,
+            height: pieSize,
             title: title,
             showToolbar: true,
             dataTime: dataTime,

package/dist/Plugins/chart/DonutChart/index.js

@@ -578,7 +578,7 @@ import { useStyle } from "./style";
                         'transparent'
                     ] : resolvedVisibleBackgroundColors.slice(0, values.length),
                     hoverBorderColor: chartHoverBorderColor,
-                    borderWidth: cfg.chartStyle === 'pie' ? 0 : isMobile ? 1 : 1,
+                    borderWidth: cfg.chartStyle === 'pie' ? 2 : isMobile ? 1 : 1,
                     spacing: isSingleValueMode ? 0 : cfg.chartStyle === 'pie' ? 0 : isDarkTheme ? isMobile ? 4 : 8 : isMobile ? 3 : 6,
                     borderRadius: cfg.chartStyle === 'pie' ? 0 : 4,
                     hoverOffset: function hoverOffset(ctx) {

package/dist/Plugins/chart/components/ChartContainer/ChartErrorBoundary.d.ts

@@ -308,6 +308,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'workspace.fileProcessError': string;
             'workspace.download': string;
             'workspace.empty': string;
+            'workspace.file.showMore': string;
+            'workspace.file.showMoreFiles': string;
             'workspace.title': string;
             'workspace.searchPlaceholder': string;
             'workspace.noResultsFor': string;
@@ -352,7 +354,6 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'suggestion.followUp': string;
             'input.fileUpload': string;
             'input.attachmentListTitle': string;
-            'chat.fileMapTitle': string;
             'input.voiceInput': string;
             'input.voiceInputting': string;
             'input.placeholder': string;
@@ -364,6 +365,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'input.sendButtonTooltip.newline': string;
             'input.sendButtonTooltip.send.mod': string;
             'input.sendButtonTooltip.newline.mod': string;
+            'input.typing.hint': string;
             'common.name': string;
             'common.updateTime': string;
             'common.type': string;
@@ -436,6 +438,31 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'jinja.template.filter.description': string;
             'jinja.template.setVariable.title': string;
             'jinja.template.setVariable.description': string;
+            'schemaForm.invalidFormat': string;
+            'schemaForm.mustBeNumber': string;
+            'schemaForm.minValue': string;
+            'schemaForm.maxValue': string;
+            'schemaForm.minItems': string;
+            'schemaForm.maxItems': string;
+            'schemaForm.addItem': string;
+            'schemaForm.deleteItem': string;
+            'fileType.plainText': string;
+            'fileType.image': string;
+            'fileType.video': string;
+            'fileType.audio': string;
+            'fileType.pdf': string;
+            'fileType.word': string;
+            'fileType.excel': string;
+            'fileType.csv': string;
+            'fileType.archive': string;
+            'fileType.shell': string;
+            'fileType.config': string;
+            'fileType.powerpoint': string;
+            'workspace.file.unsupportedPreview': string;
+            'workspace.file.downloadButton': string;
+            'workspace.file.videoNotSupported': string;
+            'workspace.file.audioNotSupported': string;
+            'workspace.file.fileType': string;
         };
         language: "zh-CN" | "en-US";
         setLanguage?: ((language: "zh-CN" | "en-US") => void) | undefined;
@@ -704,6 +731,8 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'workspace.fileProcessError': string;
             'workspace.download': string;
             'workspace.empty': string;
+            'workspace.file.showMore': string;
+            'workspace.file.showMoreFiles': string;
             'workspace.title': string;
             'workspace.searchPlaceholder': string;
             'workspace.noResultsFor': string;
@@ -748,7 +777,6 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'suggestion.followUp': string;
             'input.fileUpload': string;
             'input.attachmentListTitle': string;
-            'chat.fileMapTitle': string;
             'input.voiceInput': string;
             'input.voiceInputting': string;
             'input.placeholder': string;
@@ -760,6 +788,7 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'input.sendButtonTooltip.newline': string;
             'input.sendButtonTooltip.send.mod': string;
             'input.sendButtonTooltip.newline.mod': string;
+            'input.typing.hint': string;
             'common.name': string;
             'common.updateTime': string;
             'common.type': string;
@@ -832,6 +861,31 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'jinja.template.filter.description': string;
             'jinja.template.setVariable.title': string;
             'jinja.template.setVariable.description': string;
+            'schemaForm.invalidFormat': string;
+            'schemaForm.mustBeNumber': string;
+            'schemaForm.minValue': string;
+            'schemaForm.maxValue': string;
+            'schemaForm.minItems': string;
+            'schemaForm.maxItems': string;
+            'schemaForm.addItem': string;
+            'schemaForm.deleteItem': string;
+            'fileType.plainText': string;
+            'fileType.image': string;
+            'fileType.video': string;
+            'fileType.audio': string;
+            'fileType.pdf': string;
+            'fileType.word': string;
+            'fileType.excel': string;
+            'fileType.csv': string;
+            'fileType.archive': string;
+            'fileType.shell': string;
+            'fileType.config': string;
+            'fileType.powerpoint': string;
+            'workspace.file.unsupportedPreview': string;
+            'workspace.file.downloadButton': string;
+            'workspace.file.videoNotSupported': string;
+            'workspace.file.audioNotSupported': string;
+            'workspace.file.fileType': string;
         }) => void) | undefined;
     }>;
     context: React.ContextType<typeof I18nContext>;

package/dist/Plugins/code/components/CodeToolbar.js

@@ -158,7 +158,7 @@ import { LoadImage } from "./LoadImage";
             width: '1em'
         },
         src: langIconMap.get(((_element_language1 = element.language) === null || _element_language1 === void 0 ? void 0 : _element_language1.toLowerCase()) || '')
-    })), /*#__PURE__*/ React.createElement("div", null, element.language ? /*#__PURE__*/ React.createElement("span", null, element.katex ? 'Formula' : element.language === 'html' && element.render ? 'Html Renderer' : element.language) : /*#__PURE__*/ React.createElement("span", null, 'plain text'))) : // 非只读模式：显示语言选择器
+    })), /*#__PURE__*/ React.createElement("div", null, element.language && element.language !== 'plain text' && /*#__PURE__*/ React.createElement("span", null, element.katex ? 'Formula' : element.language === 'html' && element.render ? 'Html Renderer' : element.language))) : // 非只读模式：显示语言选择器
     /*#__PURE__*/ React.createElement(LanguageSelector, languageSelectorProps)), /*#__PURE__*/ React.createElement("div", {
         style: {
             display: 'flex',

package/dist/Schema/SchemaForm/index.js

@@ -101,7 +101,7 @@ import { Plus } from "@sofa-design/icons";
 import { Button, Card, Form, Input, InputNumber, Select, Space } from "antd";
 import { merge } from "lodash-es";
 import React, { memo, useCallback, useContext, useEffect, useMemo } from "react";
-import { I18nContext } from "../../I18n";
+import { I18nContext, compileTemplate } from "../../I18n";
 /**
  * SchemaForm 组件 - 基于Schema的表单组件
  *
@@ -169,26 +169,30 @@ import { I18nContext } from "../../I18n";
         if (property.type === 'string' && property.pattern) {
             rules.push({
                 pattern: new RegExp(property.pattern),
-                message: property.patternMessage || "".concat(property.title || property.description || '', "格式不正确")
+                message: property.patternMessage || "".concat(property.title || property.description || '').concat((locale === null || locale === void 0 ? void 0 : locale['schemaForm.invalidFormat']) || '格式不正确')
             });
         }
         if (property.type === 'number') {
             rules.push({
                 type: 'number',
-                message: "".concat(property.title || property.description || '', "必须是数字")
+                message: "".concat(property.title || property.description || '').concat((locale === null || locale === void 0 ? void 0 : locale['schemaForm.mustBeNumber']) || '必须是数字')
             });
             if (typeof property.minimum === 'number') {
                 rules.push({
                     type: 'number',
                     min: property.minimum,
-                    message: "".concat(property.title || property.description || '', "不能小于 ").concat(property.minimum)
+                    message: "".concat(property.title || property.description || '').concat(compileTemplate((locale === null || locale === void 0 ? void 0 : locale['schemaForm.minValue']) || '不能小于 ${min}', {
+                        min: String(property.minimum)
+                    }))
                 });
             }
             if (typeof property.maximum === 'number') {
                 rules.push({
                     type: 'number',
                     max: property.maximum,
-                    message: "".concat(property.title || property.description || '', "不能大于 ").concat(property.maximum)
+                    message: "".concat(property.title || property.description || '').concat(compileTemplate((locale === null || locale === void 0 ? void 0 : locale['schemaForm.maxValue']) || '不能大于 ${max}', {
+                        max: String(property.maximum)
+                    }))
                 });
             }
         }
@@ -197,14 +201,18 @@ import { I18nContext } from "../../I18n";
                 rules.push({
                     type: 'array',
                     min: property.minItems,
-                    message: "".concat(property.title || property.description || '', "至少需要 ").concat(property.minItems, " 项")
+                    message: "".concat(property.title || property.description || '').concat(compileTemplate((locale === null || locale === void 0 ? void 0 : locale['schemaForm.minItems']) || '至少需要 ${min} 项', {
+                        min: String(property.minItems)
+                    }))
                 });
             }
             if (typeof property.maxItems === 'number') {
                 rules.push({
                     type: 'array',
                     max: property.maxItems,
-                    message: "".concat(property.title || property.description || '', "最多只能有 ").concat(property.maxItems, " 项")
+                    message: "".concat(property.title || property.description || '').concat(compileTemplate((locale === null || locale === void 0 ? void 0 : locale['schemaForm.maxItems']) || '最多只能有 ${max} 项', {
+                        max: String(property.maxItems)
+                    }))
                 });
             }
         }
@@ -344,12 +352,13 @@ import { I18nContext } from "../../I18n";
                 },
                 block: true,
                 icon: /*#__PURE__*/ React.createElement(Plus, null)
-            }, "添加 ", getPropertyTitle(property, key))));
+            }, (locale === null || locale === void 0 ? void 0 : locale['schemaForm.addItem']) || '添加', " ", getPropertyTitle(property, key))));
         });
     }, [
         readonly,
         renderArrayItemContent,
-        getPropertyTitle
+        getPropertyTitle,
+        locale
     ]);
     // 渲染对象表单项
     var renderObjectFormItem = useCallback(function(key, property, baseName) {