组件Steps.Step的属性类型错误 3.0.0-alpha.12

[rashagu]

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

Version

3.0.0-alpha.12

Environment

typescript 4.5.2

Reproduction link

https://github.com/*

Steps to reproduce

yarn build

What is expected?

build succsess

What is actually happening?

 - error TS2322: Type '{ key: number; subTitle: string; title: string; }' is not assignable 
to type 'IntrinsicAttributes & Partial<{ description: any; title: any; icon: any; subTitle: any; progressDot: any; tailContent: any; }> & Om
it<Readonly<Readonly<{ prefixCls?: unknown; ... 18 more ...; stepIcon?: unknown; } & { ...; } & { ...; }> & { ...; }> & { ...; } & VNodeProp
s & AllowedComponentProps & ComponentCustomPro...'.
  Type '{ key: number; subTitle: string; title: string; }' is missing the following properties from type 'Omit<Readonly<Readonly<{ prefixCls
?: unknown; wrapperStyle?: unknown; itemWidth?: unknown; active?: unknown; disabled?: unknown; status?: unknown; iconPrefix?: unknown; icon?
: unknown; adjustMarginRight?: unknown; stepNumber?: unknown; stepIndex?: unknown; description?: unknown; title?: unknown; subTitle?: unknow
n; ...': status, prefixCls, iconPrefix, itemWidth, and 3 more.

200               <Step key={index} subTitle={''} title={item.title}/>

[rashagu]

 - error TS2322: Type '{ key: number; subTitle: string; title: string; }' is not assignable 
to type 'IntrinsicAttributes & Partial<{ description: any; title: any; icon: any; subTitle: any; progressDot: any; tailContent: any; }> & Om
it<Readonly<Readonly<{ prefixCls?: unknown; ... 18 more ...; stepIcon?: unknown; } & { ...; } & { ...; }> & { ...; }> & { ...; } & VNodeProp
s & AllowedComponentProps & ComponentCustomPro...'.
  Type '{ key: number; subTitle: string; title: string; }' is missing the following properties from type 'Omit<Readonly<Readonly<{ prefixCls
?: unknown; wrapperStyle?: unknown; itemWidth?: unknown; active?: unknown; disabled?: unknown; status?: unknown; iconPrefix?: unknown; icon?
: unknown; adjustMarginRight?: unknown; stepNumber?: unknown; stepIndex?: unknown; description?: unknown; title?: unknown; subTitle?: unknow
n; ...': status, prefixCls, iconPrefix, itemWidth, and 3 more.

200               <Step key={index} subTitle={''} title={item.title}/>

顺便问一下 Step 组件属性是哪里写错了？

[wubiandaxian]

补充一下：
组件Steps.Step的属性类型错误（建议老哥把此issues的标题改成这个，容易让维护者快速识别问题）

看了下源码的类型文件，发现属性类型列表多了以下“必填“属性类型：

& {
        prefixCls: string;
        status: string;
        itemWidth: string;
        iconPrefix: string;
        adjustMarginRight: string;
        stepNumber: number;
        stepIndex: number;
    } & {

导致jsx下编辑器会提示类型错误，编译的时候也会出现上面的问题

[CZDonald]

对的我也今天使用发现了类型定义问题

[rashagu]

Drawer 组件 在jsx 环境下也有类似问题：提示 visible属性是必须
实际上这样就可以了：v-model={[visible.value, 'visible']}

[w20k]

There is also an issue with Step type when you install it manually.

import { Step } from 'ant-design-vue'
app.use(Step);

[tangjinzhou]

you donot need use(Step). use(Steps) will auto install Step.

[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.