Form component's layout won't work in TSX

[x86cloud]

• I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0-beta.11

Environment

vue: 3.0.2

Reproduction link

https://2x.antdv.com

Steps to reproduce

vertical :

          <Form layout="vertical">
            {/* <Form.Item label="用户名" required {...validateInfos.username}> */}
            <Form.Item label="用户名" required>
              <Input type="text" v-model={[modelRef.username, 'value']} />
            </Form.Item>
            <Form.Item label="密码" required>
              <Input type="password" v-model={[modelRef.password, 'value']} />
            </Form.Item>
            <Form.Item>
              <Button type="primary" disabled={!modelRef.password || !modelRef.username} onClick={login}>
                登 录
              </Button>
            </Form.Item>
          </Form>

horizontal:

 <Form>
            {/* <Form.Item label="用户名" required {...validateInfos.username}> */}
            <Form.Item label="用户名" required>
              <Input type="text" v-model={[modelRef.username, 'value']} />
            </Form.Item>
            <Form.Item label="密码" required>
              <Input type="password" v-model={[modelRef.password, 'value']} />
            </Form.Item>
            <Form.Item>
              <Button type="primary" disabled={!modelRef.password || !modelRef.username} onClick={login}>
                登 录
              </Button>
            </Form.Item>
          </Form>

What is expected?

work normally

What is actually happening?

layout won't work

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.