更新版本后Form组件设置divider后看不见分割线了

[814351846]

NutUI React 包名

@nutui/nutui-react

NutUI React 版本号

2.7.4

平台

weapp

重现链接

https://nutui.jd.com/taro/react/2x/#/zh-CN/component/form

重现步骤

官网的案例也看不见分割线了

import React from 'react'
import Taro from '@tarojs/taro'
import {
Form,
Button,
Input,
type FormItemRuleWithoutValidator,
} from '@nutui/nutui-react-taro'

const Demo2 = () => {
const submitFailed = (error: any) => {
Taro.showToast({ title: JSON.stringify(error), icon: 'error' })
}

const submitSucceed = (values: any) => {
Taro.showToast({ title: JSON.stringify(values), icon: 'success' })
}

// 函数校验
const customValidator = (
rule: FormItemRuleWithoutValidator,
value: string
) => {
return /^\d+$/.test(value)
}

const valueRangeValidator = (
rule: FormItemRuleWithoutValidator,
value: string
) => {
return /^(\d{1,2}|1\d{2}|200)$/.test(value)
}
return (
<>
<Form
divider
labelPosition="left"
onFinish={(values) => submitSucceed(values)}
onFinishFailed={(values, errors) => submitFailed(errors)}
footer={
<div
style={{
display: 'flex',
justifyContent: 'center',
width: '100%',
}}
>

提交

<Button nativeType="reset" style={{ marginLeft: '20px' }}>
重置


}
>
<Form.Item
label="字段A"
name="username"
rules={[{ required: true, message: '请输入字段A' }]}
>

</Form.Item>
<Form.Item
label="字段B"
name="age"
rules={[
{ required: true, message: '请输入字段B' },
{ validator: customValidator, message: '必须输入数字' },
{ validator: valueRangeValidator, message: '必须输入0-200区间' },
]}
>

</Form.Item>
<Form.Item
label="字段C"
name="tel"
rules={[{ max: 13, message: '请输入字段C' }]}
>

</Form.Item>
<Form.Item
label="字段D"
name="address"
rules={[{ required: true, message: '请输入字段D' }]}
>

</Form.Item>

</>
)
}

export default Demo2

期望的结果是什么？

Form组件设置dividerh后正常显示分割线

实际的结果是什么？

Form组件设置dividerh后不显示了

环境信息

No response

其他补充信息

No response