🐛[BUG] ProDescriptions.Item valueType={'textarea'} 只读模式下样式展示存在问题

[leshalv]

[chenshuai2144]

TAutomatically replying with ChatGPT can be attempted, but it cannot be guaranteed to be completely accurate and may not fully address all issues. Please feel free to reply if you have any further questions or concerns.
此回复基于 ChatGPT 自动生成，可以尝试下方案，官方人员会在一定时间后继续继续处理。

你好！感谢你报告这个问题。根据你提供的信息和截图，我了解到在 ProDescriptions 组件中，当 ProDescriptions.Item 的 valueType 设置为 'textarea' 并处于只读模式时，样式展示存在问题。

要解决这个问题，你可以尝试使用 Ant Design Pro 组件库提供的自定义渲染函数来对只读模式下的 textarea 进行样式设置。你可以按照以下步骤进行操作：

1. 导入 Typography 组件：首先，你需要在你的代码中导入 Typography 组件，它提供了用于文本样式和排版的各种组件。

import { Typography } from 'antd';

2. 自定义渲染函数：在 ProDescriptions.Item 中使用 render 属性来自定义渲染函数。

<ProDescriptions.Item
  label="字段名称"
  valueType={{
    render: (_text, record, _index, dom) => {
      // 只读样式
      if (record.readonly) {
        return <Typography.Text>{dom}</Typography.Text>;
      }
      return dom;
    },
  }}
>
  <Input.TextArea rows={4} readOnly />
</ProDescriptions.Item>

在自定义渲染函数中，我们首先判断是否处于只读模式 (record.readonly)，如果是，则使用 Typography.Text 组件来包裹 dom (此处就是 Input.TextArea)，以实现样式展示。

记得将字段名称和其他相关属性替换为你实际使用的值。

这样，你应该能够解决只读模式下 ProDescriptions.Item 中 valueType={'textarea'} 的样式问题。

更多关于 Typography 组件的信息和用法可以在 Ant Design Typography 文档 中找到。

希望这能帮到你！如果你还有其他问题，请随时提问。