@uiw/react-codemirror组件中有xml-formatter吗

`@uiw/react-codemirror`是一个基于React的Codemirror封装组件，主要用于在网页上提供富文本编辑功能，尤其是支持多种语言模式，其中包括XML。然而，`react-codemirror`本身并不直接内置`xml-formatter`这样的自动格式化插件。

`xml-formatter`是一个独立于`react-codemirror`的库，用于格式化XML代码。如果你想在`@uiw/react-codemirror`中应用XML代码的自动格式化，你需要先安装`xml-formatter`，然后编写代码，在用户输入XML代码后，异步调用这个库进行格式化，并更新CodeMirror实例的内容。

以下是基本的步骤：

1. 安装`xml-formatter`：`npm install xml-formatter`
2. 使用`@uiw/react-codemirror`创建一个组件，接收用户输入的代码作为props，例如`value`：

import React, { useEffect } from 'react';
import CodeMirror from '@uiw/react-codemirror';
import 'codemirror/mode/xml/xml';

const CodeEditor = ({ value }) => {
  // ...

  const formatXml = async (code) => {
    try {
      const formattedCode = await xmlFormatter(code);
      return formattedCode;
    } catch (error) {
      console.error('Error formatting XML:', error);
    }
  };

  useEffect(() => {
    if (value && typeof value === 'string') {
      const formattedValue = formatXml(value);
      // 更新CodeMirror实例的值
      setCode(formattedValue || '');
    }
  }, [value]);

  // ...
};

3. 将`formatXml`函数绑定到CodeMirror的`onSave`事件或者其他合适的地方，以便实时或保存时格式化代码。

请注意，实际操作中可能会根据需求调整细节，例如错误处理和优化性能等。