feat(components): [virtual-table] cell (#7068)

- Add Cell component props definition
- Implemented Cell component

packages/components/table-v2/src/cell.ts

@@ -0,0 +1,21 @@
+import { buildProps, definePropType } from '@element-plus/utils'
+
+import type { ExtractPropTypes } from 'vue'
+import type { Column } from './types'
+
+export const tableV2CellProps = buildProps({
+  class: String,
+  cellData: {
+    type: definePropType<any>([String, Boolean, Number, Object]),
+  },
+  column: {
+    type: definePropType<Column<any>>(Object),
+  },
+  columnIndex: Number,
+  rowData: {
+    type: definePropType<any>(Object),
+  },
+  rowIndex: Number,
+} as const)
+
+export type TableV2CellProps = ExtractPropTypes<typeof tableV2CellProps>

packages/components/table-v2/src/table-cell.tsx

@@ -0,0 +1,17 @@
+import { defineComponent } from 'vue'
+
+import type { TableV2CellProps } from './cell'
+
+const TableV2Cell = defineComponent((props: TableV2CellProps, { slots }) => {
+  return (
+    <div class={props.class}>
+      {slots.default
+        ? slots.default(props)
+        : String.prototype.toString.call(props.cellData)}
+    </div>
+  )
+})
+
+TableV2Cell.name = 'TableV2Cell'
+
+export default TableV2Cell