[Bug Report] [TypeScript] [input] [el-input] Property 'rows' does not exist on type

[yuniit]

Bug Type: TypeScript

Environment

• Vue Version: 3.2.31
• Element Plus Version: 2.2.2
• Browser / OS: Version 102.0.5005.61 (Official Build) (arm64)
• Build Tool: Other

Reproduction

Related Component

• el-input

Reproduction Link

Element Plus Playground

Steps to reproduce

1. create component with <script lang "ts">
2. use type="textarea" and set :rows="number"

Ex:

<script setup lang="ts">
  defineProps({ /* ... */ })
</script>

<template>
   <el-input
    v-model="text"
    type="textarea"
    :rows="2"
   ></el-input>
</template>

What is Expected?

It shouldn't show the error

What is actually happening?

Property 'rows' does not exist on type 'IntrinsicAttributes & Partial<{ type: string; size: BuildPropType ...

Additional comments

(empty)

[LinZhanMing]

可能是 packages/components/input/src/input.ts 里面的 inputProps 缺少了 rows ?

[yuniit]

Maybe the inputProps in packages/components/input/src/input.ts is missing rows ?

I've checked prop rows is missing

[tolking]

This may be caused by vue-tsc link.

You can try to modify the vue-tsc version

or

// env.d.ts

declare module '@vue/runtime-core' {
    interface AllowedComponentProps {
        [key: string]: any
    }
}

export { }

[Etienne-Leveque]

This issue still exists as of today, and it doesn't seem to be related to vue-tsc:

Argument of type '{ modelValue: string; rows: number; type: string; autocomplete: string; size: "default"; style: {}; "onUpdate:modelValue": any; }' is not assignable to parameter of type '{ readonly type?: string | undefined; readonly modelValue?: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>; ... 44 more ...; readonly prefixIcon?: Ep...'.
Object literal may only specify known properties, and 'rows' does not exist in type '{ readonly type?: string | undefined; readonly modelValue?: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number | null | undefined) | ((new (...args: any[]) => string | number) | (() => string | number | null | undefined))[], unknown, unknown>; ... 44 more ...; readonly prefixIcon?: Ep...'.ts(2345)

rows is missing in the type declaration

[tolking]

There are many native attributes that are not defined in props now, which can indeed cause some type errors (eq using in tsx).

You can also use the above method to temporarily handle the problem, and if there is a better solution, you can also discuss it