@ant-design/agentic-ui 2.8.0 → 2.9.0

package/dist/Plugins/code/hooks/useCodeEditorState.js

@@ -1,69 +1,146 @@
-// src/Plugins/code/hooks/useCodeEditorState.ts
+/**
+ * @fileoverview 代码编辑器状态管理Hook
+ * 统一管理代码编辑器的状态逻辑
+ */ 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 { useCallback, useEffect } from "react";
 import { useGetSetState } from "react-use";
 import { Transforms } from "slate";
 import { ReactEditor } from "slate-react";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
 import { useSelStatus } from "../../../MarkdownEditor/hooks/editor";
-function useCodeEditorState(element) {
-  const { store, markdownEditorRef } = useEditorStore();
-  const [selected, path] = useSelStatus(element);
-  const [state, setState] = useGetSetState({
-    showBorder: false,
-    htmlStr: "",
-    hide: false,
-    lang: element.language || ""
-  });
-  const update = useCallback(
-    (data) => {
-      Transforms.setNodes(store.editor, data, { at: path });
-    },
-    [path, store.editor]
-  );
-  useEffect(() => {
-    if (selected && ReactEditor.isFocused(markdownEditorRef.current)) {
-      setState({ showBorder: true });
-    } else if (state().showBorder) {
-      setState({ showBorder: false });
-    }
-  }, [selected, path, setState, state, markdownEditorRef]);
-  const handleCloseClick = useCallback(() => {
-    setState({ hide: false });
-  }, [setState]);
-  const handleRunHtml = useCallback(() => {
-    try {
-      setState({ htmlStr: (element == null ? void 0 : element.value) || "" });
-    } catch (error) {
-    }
-  }, [element == null ? void 0 : element.value, setState]);
-  const handleHtmlPreviewClose = useCallback(() => {
-    setState({ htmlStr: "" });
-  }, [setState]);
-  const handleShowBorderChange = useCallback(
-    (show) => {
-      setState({ showBorder: show });
-    },
-    [setState]
-  );
-  const handleHideChange = useCallback(
-    (hide) => {
-      setState({ hide });
-    },
-    [setState]
-  );
-  return {
-    state: state(),
-    setState,
-    update,
-    selected,
-    path,
-    handleCloseClick,
-    handleRunHtml,
-    handleHtmlPreviewClose,
-    handleShowBorderChange,
-    handleHideChange
-  };
+export function useCodeEditorState(element) {
+    var _useEditorStore = useEditorStore(), store = _useEditorStore.store, markdownEditorRef = _useEditorStore.markdownEditorRef;
+    var _useSelStatus = _sliced_to_array(useSelStatus(element), 2), selected = _useSelStatus[0], path = _useSelStatus[1];
+    // 组件内部状态
+    var _useGetSetState = _sliced_to_array(useGetSetState({
+        showBorder: false,
+        htmlStr: '',
+        hide: false,
+        lang: element.language || ''
+    }), 2), state = _useGetSetState[0], setState = _useGetSetState[1];
+    // 更新代码节点数据
+    var update = useCallback(function(data) {
+        Transforms.setNodes(store.editor, data, {
+            at: path
+        });
+    }, [
+        path,
+        store.editor
+    ]);
+    // 处理编辑器选中状态的边框显示
+    useEffect(function() {
+        if (selected && ReactEditor.isFocused(markdownEditorRef.current)) {
+            setState({
+                showBorder: true
+            });
+        } else if (state().showBorder) {
+            setState({
+                showBorder: false
+            });
+        }
+    }, [
+        selected,
+        path,
+        setState,
+        state,
+        markdownEditorRef
+    ]);
+    // 工具栏事件处理器
+    var handleCloseClick = useCallback(function() {
+        setState({
+            hide: false
+        });
+    }, [
+        setState
+    ]);
+    var handleRunHtml = useCallback(function() {
+        try {
+            setState({
+                htmlStr: (element === null || element === void 0 ? void 0 : element.value) || ''
+            });
+        } catch (error) {
+        // HTML 执行失败时静默处理
+        }
+    }, [
+        element === null || element === void 0 ? void 0 : element.value,
+        setState
+    ]);
+    var handleHtmlPreviewClose = useCallback(function() {
+        setState({
+            htmlStr: ''
+        });
+    }, [
+        setState
+    ]);
+    var handleShowBorderChange = useCallback(function(show) {
+        setState({
+            showBorder: show
+        });
+    }, [
+        setState
+    ]);
+    var handleHideChange = useCallback(function(hide) {
+        setState({
+            hide: hide
+        });
+    }, [
+        setState
+    ]);
+    return {
+        state: state(),
+        setState: setState,
+        update: update,
+        selected: selected,
+        path: path,
+        handleCloseClick: handleCloseClick,
+        handleRunHtml: handleRunHtml,
+        handleHtmlPreviewClose: handleHtmlPreviewClose,
+        handleShowBorderChange: handleShowBorderChange,
+        handleHideChange: handleHideChange
+    };
 }
-export {
-  useCodeEditorState
-};

package/dist/Plugins/code/hooks/useRenderConditions.js

@@ -1,24 +1,32 @@
-// src/Plugins/code/hooks/useRenderConditions.ts
-import { useMemo } from "react";
-function useRenderConditions(element, readonly) {
-  const shouldHideConfigHtml = useMemo(
-    () => element.language === "html" && (element == null ? void 0 : element.isConfig),
-    [element.language, element == null ? void 0 : element.isConfig]
-  );
-  const shouldRenderAsThinkBlock = useMemo(
-    () => element.language === "think" && readonly,
-    [element.language, readonly]
-  );
-  const shouldRenderAsCodeEditor = useMemo(
-    () => !shouldHideConfigHtml && !shouldRenderAsThinkBlock,
-    [shouldHideConfigHtml, shouldRenderAsThinkBlock]
-  );
-  return {
-    shouldHideConfigHtml,
-    shouldRenderAsThinkBlock,
-    shouldRenderAsCodeEditor
-  };
+/**
+ * @fileoverview 代码块渲染条件Hook
+ * 处理不同类型代码块的渲染逻辑
+ */ import { useMemo } from "react";
+export function useRenderConditions(element, readonly) {
+    // 是否隐藏配置型HTML代码块
+    var shouldHideConfigHtml = useMemo(function() {
+        return element.language === 'html' && (element === null || element === void 0 ? void 0 : element.isConfig);
+    }, [
+        element.language,
+        element === null || element === void 0 ? void 0 : element.isConfig
+    ]);
+    // 是否渲染为思考块（仅 think）
+    var shouldRenderAsThinkBlock = useMemo(function() {
+        return element.language === 'think' && readonly;
+    }, [
+        element.language,
+        readonly
+    ]);
+    // 是否渲染为普通代码编辑器
+    var shouldRenderAsCodeEditor = useMemo(function() {
+        return !shouldHideConfigHtml && !shouldRenderAsThinkBlock;
+    }, [
+        shouldHideConfigHtml,
+        shouldRenderAsThinkBlock
+    ]);
+    return {
+        shouldHideConfigHtml: shouldHideConfigHtml,
+        shouldRenderAsThinkBlock: shouldRenderAsThinkBlock,
+        shouldRenderAsCodeEditor: shouldRenderAsCodeEditor
+    };
 }
-export {
-  useRenderConditions
-};

package/dist/Plugins/code/hooks/useToolbarConfig.js

@@ -1,47 +1,45 @@
-// src/Plugins/code/hooks/useToolbarConfig.ts
-import { useCallback } from "react";
-function useToolbarConfig({
-  element,
-  readonly,
-  onCloseClick,
-  setLanguage,
-  isSelected,
-  onSelectionChange,
-  onViewModeToggle,
-  viewMode
-}) {
-  const languageSelectorProps = useCallback(
-    () => ({
-      element,
-      containerRef: { current: null },
-      setLanguage
-    }),
-    [element, setLanguage]
-  )();
-  const toolbarProps = useCallback(
-    () => ({
-      element,
-      readonly,
-      onCloseClick,
-      languageSelectorProps,
-      isSelected,
-      onSelectionChange,
-      onViewModeToggle,
-      viewMode
-    }),
-    [
-      element,
-      readonly,
-      onCloseClick,
-      languageSelectorProps,
-      isSelected,
-      onSelectionChange,
-      onViewModeToggle,
-      viewMode
-    ]
-  )();
-  return { toolbarProps };
+/**
+ * @fileoverview 工具栏配置Hook
+ * 负责组装工具栏的属性和事件处理
+ */ import { useCallback } from "react";
+export function useToolbarConfig(param) {
+    var element = param.element, readonly = param.readonly, onCloseClick = param.onCloseClick, setLanguage = param.setLanguage, isSelected = param.isSelected, onSelectionChange = param.onSelectionChange, onViewModeToggle = param.onViewModeToggle, viewMode = param.viewMode;
+    // 组装语言选择器属性
+    var languageSelectorProps = useCallback(function() {
+        return {
+            element: element,
+            containerRef: {
+                current: null
+            },
+            setLanguage: setLanguage
+        };
+    }, [
+        element,
+        setLanguage
+    ])();
+    // 组装工具栏属性
+    var toolbarProps = useCallback(function() {
+        return {
+            element: element,
+            readonly: readonly,
+            onCloseClick: onCloseClick,
+            languageSelectorProps: languageSelectorProps,
+            isSelected: isSelected,
+            onSelectionChange: onSelectionChange,
+            onViewModeToggle: onViewModeToggle,
+            viewMode: viewMode
+        };
+    }, [
+        element,
+        readonly,
+        onCloseClick,
+        languageSelectorProps,
+        isSelected,
+        onSelectionChange,
+        onViewModeToggle,
+        viewMode
+    ])();
+    return {
+        toolbarProps: toolbarProps
+    };
 }
-export {
-  useToolbarConfig
-};

package/dist/Plugins/code/index.js

@@ -1,98 +1,150 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-
-// src/Plugins/code/index.tsx
+/**
+ * @fileoverview 代码编辑器插件主文件
+ * 提供基于 Ace Editor 的代码编辑功能，支持多种编程语言语法高亮
+ * @author Code Plugin Team
+ */ 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_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+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 React from "react";
 import { BaseMarkdownEditor } from "../../MarkdownEditor";
 import { useEditorStore } from "../../MarkdownEditor/editor/store";
 import { CodeRenderer } from "./components";
 function csvToMarkdownTable(csv) {
-  if (!csv)
-    return "";
-  const lines = csv.replace(/\r\n/g, "\n").replace(/\r/g, "\n").split("\n");
-  const rows = [];
-  for (const line of lines) {
-    if (line.trim() === "")
-      continue;
-    const cells = [];
-    let cur = "";
-    let inQuotes = false;
-    for (let i = 0; i < line.length; i++) {
-      const ch = line[i];
-      if (ch === '"') {
-        if (inQuotes && i + 1 < line.length && line[i + 1] === '"') {
-          cur += '"';
-          i++;
-        } else {
-          inQuotes = !inQuotes;
+    if (!csv) return '';
+    // 处理不同换行符
+    var lines = csv.replace(/\r\n/g, '\n').replace(/\r/g, '\n').split('\n');
+    var rows = [];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = lines[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var line = _step.value;
+            if (line.trim() === '') continue;
+            var cells = [];
+            var cur = '';
+            var inQuotes = false;
+            for(var i = 0; i < line.length; i++){
+                var ch = line[i];
+                if (ch === '"') {
+                    // 双引号转义或开/关引号
+                    if (inQuotes && i + 1 < line.length && line[i + 1] === '"') {
+                        cur += '"';
+                        i++; // 跳过下一个引号
+                    } else {
+                        inQuotes = !inQuotes;
+                    }
+                } else if (ch === ',' && !inQuotes) {
+                    cells.push(cur);
+                    cur = '';
+                } else {
+                    cur += ch;
+                }
+            }
+            cells.push(cur);
+            rows.push(cells.map(function(c) {
+                return c.trim();
+            }));
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    if (rows.length === 0) return '';
+    // 列数取最大
+    var colCount = rows.reduce(function(max, r) {
+        return Math.max(max, r.length);
+    }, 0);
+    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+    try {
+        // 规范每行列数
+        for(var _iterator1 = rows[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+            var r = _step1.value;
+            while(r.length < colCount)r.push('');
+        }
+    } catch (err) {
+        _didIteratorError1 = true;
+        _iteratorError1 = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                _iterator1.return();
+            }
+        } finally{
+            if (_didIteratorError1) {
+                throw _iteratorError1;
+            }
         }
-      } else if (ch === "," && !inQuotes) {
-        cells.push(cur);
-        cur = "";
-      } else {
-        cur += ch;
-      }
     }
-    cells.push(cur);
-    rows.push(cells.map((c) => c.trim()));
-  }
-  if (rows.length === 0)
-    return "";
-  const colCount = rows.reduce((max, r) => Math.max(max, r.length), 0);
-  for (const r of rows) {
-    while (r.length < colCount)
-      r.push("");
-  }
-  const header = rows[0];
-  const body = rows.slice(1);
-  const escapeCell = (s) => s.replace(/\|/g, "\\|");
-  const headerLine = `| ${header.map(escapeCell).join(" | ")} |`;
-  const sepLine = `|:${new Array(colCount).fill("---").join(" | ")} |`;
-  const bodyLines = body.map((r) => `| ${r.map(escapeCell).join(" | ")} |`);
-  return [headerLine, sepLine, ...bodyLines].join("\n");
+    // 第一行为表头
+    var header = rows[0];
+    var body = rows.slice(1);
+    var escapeCell = function(s) {
+        return s.replace(/\|/g, '\\|');
+    };
+    var headerLine = "| ".concat(header.map(escapeCell).join(' | '), " |");
+    var sepLine = "|:".concat(new Array(colCount).fill('---').join(' | '), " |");
+    var bodyLines = body.map(function(r) {
+        return "| ".concat(r.map(escapeCell).join(' | '), " |");
+    });
+    return [
+        headerLine,
+        sepLine
+    ].concat(_to_consumable_array(bodyLines)).join('\n');
 }
-function CodeElement(props) {
-  var _a;
-  const { readonly } = useEditorStore();
-  if (!props.element) {
-    return null;
-  }
-  if (props.element.value === void 0)
-    return null;
-  if (props.element.value === "")
-    return null;
-  if (readonly && props.element.language === "csv") {
-    return /* @__PURE__ */ React.createElement(
-      BaseMarkdownEditor,
-      {
-        contentStyle: {
-          padding: 0,
-          paddingTop: 32
-        },
-        style: {
-          padding: 0
-        },
-        initValue: csvToMarkdownTable((_a = props.element) == null ? void 0 : _a.value),
-        readonly: true
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement(CodeRenderer, __spreadValues({}, props));
+/**
+ * 代码编辑器组件
+ * 已重构为更小的组件，提升可维护性
+ */ export function CodeElement(props) {
+    var readonly = useEditorStore().readonly;
+    if (!props.element) {
+        return null;
+    }
+    if (props.element.value === undefined) return null;
+    if (props.element.value === '') return null;
+    if (readonly && props.element.language === 'csv') {
+        var _props_element;
+        return /*#__PURE__*/ React.createElement(BaseMarkdownEditor, {
+            contentStyle: {
+                padding: 0,
+                paddingTop: 32
+            },
+            style: {
+                padding: 0
+            },
+            initValue: csvToMarkdownTable((_props_element = props.element) === null || _props_element === void 0 ? void 0 : _props_element.value),
+            readonly: true
+        });
+    }
+    return /*#__PURE__*/ React.createElement(CodeRenderer, props);
 }
-export {
-  CodeElement
-};