@ant-design/agentic-ui 2.29.59 → 2.30.1

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

@@ -0,0 +1,20 @@
+import { useMemo } from "react";
+import { getEditableTableColWidths } from "./editableTableWidth";
+export function useEditableTableColWidths(param) {
+    var readonly = param.readonly, columnCount = param.columnCount, availableTableWidth = param.availableTableWidth, mobileBreakpointValue = param.mobileBreakpointValue, element = param.element;
+    return useMemo(function() {
+        return getEditableTableColWidths({
+            readonly: readonly,
+            columnCount: columnCount,
+            availableTableWidth: availableTableWidth,
+            mobileBreakpointValue: mobileBreakpointValue,
+            element: element
+        });
+    }, [
+        readonly,
+        columnCount,
+        availableTableWidth,
+        mobileBreakpointValue,
+        element
+    ]);
+}

package/dist/MarkdownEditor/editor/elements/Table/utils/useEditableTableContentWidth.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface UseEditableTableContentWidthParams {
+    readonly: boolean;
+    markdownContainerRef?: React.RefObject<HTMLElement | null>;
+    minContainerWidth: number;
+}
+export declare function useEditableTableContentWidth({ readonly, markdownContainerRef, minContainerWidth, }: UseEditableTableContentWidthParams): {
+    resolvedContentWidth: number;
+    availableTableWidth: number;
+};

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

@@ -0,0 +1,103 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { useEffect, useMemo, useState } from "react";
+import { TABLE_ROW_INDEX_COL_WIDTH } from "../TableColgroup";
+var TABLE_HORIZONTAL_PADDING = 32;
+var DEFAULT_CONTENT_WIDTH = 400;
+var getEditorContentElement = function getEditorContentElement(markdownContainerRef) {
+    var _markdownContainerRef_current;
+    return (markdownContainerRef === null || markdownContainerRef === void 0 ? void 0 : (_markdownContainerRef_current = markdownContainerRef.current) === null || _markdownContainerRef_current === void 0 ? void 0 : _markdownContainerRef_current.querySelector('.ant-agentic-md-editor-content')) || null;
+};
+var getEditorContentWidth = function getEditorContentWidth(markdownContainerRef) {
+    var _getEditorContentElement;
+    return ((_getEditorContentElement = getEditorContentElement(markdownContainerRef)) === null || _getEditorContentElement === void 0 ? void 0 : _getEditorContentElement.clientWidth) || 0;
+};
+export function useEditableTableContentWidth(param) {
+    var readonly = param.readonly, markdownContainerRef = param.markdownContainerRef, minContainerWidth = param.minContainerWidth;
+    var _useState = _sliced_to_array(useState(0), 2), contentWidth = _useState[0], setContentWidth = _useState[1];
+    var resolvedContentWidth = useMemo(function() {
+        if (contentWidth > 0) return contentWidth;
+        return getEditorContentWidth(markdownContainerRef) || DEFAULT_CONTENT_WIDTH;
+    }, [
+        contentWidth,
+        markdownContainerRef
+    ]);
+    var availableTableWidth = useMemo(function() {
+        return Math.max(resolvedContentWidth - TABLE_HORIZONTAL_PADDING - TABLE_ROW_INDEX_COL_WIDTH, minContainerWidth);
+    }, [
+        resolvedContentWidth,
+        minContainerWidth
+    ]);
+    useEffect(function() {
+        if (readonly || typeof window === 'undefined') return;
+        var contentElement = getEditorContentElement(markdownContainerRef);
+        if (!contentElement) {
+            setContentWidth(0);
+            return;
+        }
+        var updateWidth = function updateWidth() {
+            return setContentWidth(contentElement.clientWidth || 0);
+        };
+        if (typeof ResizeObserver === 'undefined') {
+            updateWidth();
+            return;
+        }
+        var resizeObserver = new ResizeObserver(updateWidth);
+        resizeObserver.observe(contentElement);
+        updateWidth();
+        return function() {
+            return resizeObserver.disconnect();
+        };
+    }, [
+        readonly,
+        markdownContainerRef
+    ]);
+    return {
+        resolvedContentWidth: resolvedContentWidth,
+        availableTableWidth: availableTableWidth
+    };
+}

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

@@ -96,6 +96,8 @@ import { debugInfo } from "../../../Utils/debugUtils";
 import { JINJA_DOLLAR_PLACEHOLDER } from "../parser/constants";
 import { useEditorStore } from "../store";
 import { EditorUtils } from "../utils/editorUtils";
+import { AgenticUiTaskBlock, ReadonlyAgenticUiTaskBlock } from "./AgenticUiBlocks/AgenticUiTaskBlock";
+import { AgenticUiToolUseBarBlock, ReadonlyAgenticUiToolUseBarBlock } from "./AgenticUiBlocks/AgenticUiToolUseBarBlock";
 import { Blockquote } from "./Blockquote";
 import { ReadonlyBlockquote } from "./Blockquote/ReadonlyBlockquote";
 import { Break } from "./Break";
@@ -243,6 +245,11 @@ var MElementComponent = function MElementComponent(props) {
         case 'apassify':
         case 'apaasify':
             return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlySchema, readonlyElementProps) : /*#__PURE__*/ React.createElement(Schema, props);
+        case 'agentic-ui-task':
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyAgenticUiTaskBlock, readonlyElementProps) : /*#__PURE__*/ React.createElement(AgenticUiTaskBlock, props);
+        case 'agentic-ui-toolusebar':
+        case 'agentic-ui-usertoolbar':
+            return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyAgenticUiToolUseBarBlock, readonlyElementProps) : /*#__PURE__*/ React.createElement(AgenticUiToolUseBarBlock, props);
         case 'image':
             return props.readonly ? /*#__PURE__*/ React.createElement(ReadonlyEditorImage, readonlyElementProps) : /*#__PURE__*/ React.createElement(EditorImage, props);
         case 'media':

package/dist/MarkdownEditor/editor/parser/parse/parseCode.js

@@ -59,7 +59,35 @@ var NOT_SPACE_START = /^\S*/;
 var ENDING_NEWLINE = /\n$/;
 /**
  * 处理schema类型语言的辅助函数
- */ var processSchemaLanguage = function processSchemaLanguage(element, value) {
+ */ var processAgenticUiJsonBlock = function processAgenticUiJsonBlock(slateType) {
+    return function(element, value) {
+        var parsed = {};
+        try {
+            parsed = json5.parse(value || '{}');
+        } catch (unused) {
+            try {
+                parsed = partialJsonParse(value || '{}');
+            } catch (error) {
+                parsed = {
+                    _parseError: true,
+                    _raw: value
+                };
+                console.error('parse agentic-ui embed block error', error);
+            }
+        }
+        return _object_spread_props(_object_spread({}, element), {
+            type: slateType,
+            language: slateType,
+            value: parsed,
+            children: [
+                {
+                    text: value
+                }
+            ]
+        });
+    };
+};
+var processSchemaLanguage = function processSchemaLanguage(element, value) {
     var json = [];
     try {
         json = json5.parse(value || '[]');
@@ -97,7 +125,10 @@ var ENDING_NEWLINE = /\n$/;
             type: 'katex'
         });
     },
-    'agentar-card': processSchemaLanguage
+    'agentar-card': processSchemaLanguage,
+    'agentic-ui-task': processAgenticUiJsonBlock('agentic-ui-task'),
+    'agentic-ui-toolusebar': processAgenticUiJsonBlock('agentic-ui-toolusebar'),
+    /** @deprecated 使用 `agentic-ui-toolusebar`，保留解析以兼容旧内容 */ 'agentic-ui-usertoolbar': processAgenticUiJsonBlock('agentic-ui-toolusebar')
 };
 /**
  * 处理代码块节点

package/dist/MarkdownEditor/editor/parser/parserSlateNodeToMarkdown.js

@@ -284,6 +284,9 @@ var inlineNode = new Set([
             break;
         case 'code':
         case 'apaasify':
+        case 'agentic-ui-task':
+        case 'agentic-ui-toolusebar':
+        case 'agentic-ui-usertoolbar':
             str += handleCode(node, preString);
             break;
         case 'attach':

package/dist/MarkdownEditor/editor/plugins/handlePaste.js

@@ -755,7 +755,10 @@ import { parseMarkdownToNodesAndInsert } from "./parseMarkdownToNodesAndInsert";
         'table',
         'code',
         'schema',
-        'apaasify'
+        'apaasify',
+        'agentic-ui-task',
+        'agentic-ui-toolusebar',
+        'agentic-ui-usertoolbar'
     ].includes(rangeNode.type);
 };
 /**

package/dist/MarkdownEditor/plugin.d.ts

@@ -1,8 +1,21 @@
 import { Node } from 'mdast';
 import React from 'react';
 import { Editor, NodeEntry } from 'slate';
+import type { Plugin } from 'unified';
 import { ElementProps, Elements } from './el';
 import type { JinjaConfig } from './types';
+/**
+ * MarkdownRenderer 渲染模式下的插件配置。
+ * 与 Slate 编辑器侧的 elements 并行，用于 HTML/React 渲染模式。
+ */
+export interface RendererPlugin {
+    /** 用于 HTML/React 渲染模式的组件映射（tagName → Component） */
+    rendererComponents?: Record<string, React.ComponentType<any>>;
+    /** 自定义 rehype 插件 */
+    rehypePlugins?: Plugin[];
+    /** 自定义 remark 插件 */
+    remarkPlugins?: Plugin[];
+}
 export type MarkdownEditorPlugin = {
     elements?: Record<string, React.ComponentType<ElementProps<any>>>;
     parseMarkdown?: {
@@ -20,5 +33,7 @@ export type MarkdownEditorPlugin = {
     jinja?: true;
     /** 通过插件启用时的默认 Jinja 配置（当未传 props.jinja 时使用） */
     jinjaConfig?: JinjaConfig;
+    /** MarkdownRenderer 渲染模式下的配置 */
+    renderer?: RendererPlugin;
 };
 export declare const PluginContext: React.Context<MarkdownEditorPlugin[]>;