[Feature Request] El Table Column should carry type definition in default slot

[ziw]

Existing Component

Yes

Component Name

El Table Column

Description

When using typescript and rendering a custom table column template like below

<template #default="scope">
  <span>{{ scope.row.date }}</span>
</template>

the scope.row does not carry any type definition. It should be able to infer from the data property passed into the table. i.e.

const tableData: User[] = [...];
<el-table :data="tableData" />

// in custom column template
<template #default="scope">
  <span>{{ scope.row.firstName }}</span>  //scope.row should carry type User for extensions like Volar to provide intellisense
</template>

[adaex]

Yes, this is a problem, are you interested in fixing it?

[sxzz]

slot-scope has been deprecated in Vue 3

[ziw]

The snippet is copied from the official doc. But I'm actually using <template #default="scope">. Updated the issue.

[ziw]

@adaex will give it a try but may not have enough context. If anyone else wants to help, it's very appreciated.

[sxzz]

vuejs/rfcs#192

Vue doesn’t seem to implement this feature yet

[adaex]

Don't worry, go ahead and try it. There are many enthusiastic developers.

[ziw]

@sxzz Thanks. Good to know.. will follow the RFC.

[PiscineMolitorPatel]

关注到了这个问题，不仅仅是El Table Column，目前应该是所有带有 scope slot 的组件都没有类型支持，这对于 ts 项目开发有很大的影响，希望能尽快提交PR完善这个需求。

例如：

    <template #default="{ row: { type } }">
      {{ types[type] }} // types 是一个对象，这将导致 type 不能作为索引，因为它是一个 any，意味着我必须额外书写一个函数来实现
    </template>

[sxzz]

关注到了这个问题，不仅仅是El Table Column，目前应该是所有带有 scope slot 的组件都没有类型支持，这对于 ts 项目开发有很大的影响，希望能尽快提交PR完善这个需求。

例如：

    <template #default="{ row: { type } }">
      {{ types[type] }} // types 是一个对象，这将导致 type 不能作为索引，因为它是一个 any，意味着我必须额外书写一个函数来实现
    </template>

需要等待 Vue 支持。相关的 RFC 讨论 vuejs/rfcs#192 。

[sxzz]

Track

• types(defineComponent): DefineComponent refactor vuejs/core#4465
• Typed slots vuejs/rfcs#192

[a1mersnow]

There are defineSlots and Generic Type defineComponent since Vue 3.3.
I think we can do this now!

[Royce-DaDaDa]

Been wondering how's the process going on, is there anyone working on using defineSlots to define types for those slots ?

[a1mersnow]

First, we need to move to 3.3.
I tried to bump vue to 3.3, but while running tests, there are some weird errors like:

el[assignKey] is not a function