Bovo-table NPM

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Type Support For `.vue` Imports in TS

TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need TypeScript Vue Plugin (Volar) to make the TypeScript language service aware of .vue types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a Take Over Mode that is more performant. You can enable it by the following steps:

Disable the built-in TypeScript Extension
1. Run Extensions: Show Built-in Extensions from VSCode's command palette
2. Find TypeScript and JavaScript Language Features, right click and select Disable (Workspace)
Reload the VSCode window by running Developer: Reload Window from the command palette.

开发一个灵活的列表组件

问题： 1，左侧选择字段，在我理解中没有必要，如果给的列表数据中要展示计算的值，就无法实现，或者数据中的子数据的值进行展示，是也无法灵活选择的确认要支持

2，列表如果序号与多选操作写死是，就无法给他们添加父类了确认要支持添加几个特定的头模式，让他们可以选择

3，从你们的设计出发主要是某个特定的场景中使用，无法在未来更加灵活自由的市场中使用，我这边是从通用性开发，每个都可以自定义设置确认要支持

4，对应列展示特殊效果，无法用自定义组件来实现确认要支持

我的设计是下方展示列可以用自定义组件去实现展示，可以用自己实现的组件展示对应的内容，比如图片，配置图片组件，就展示图片

我列表展示用的是基于 element-plus 的 Table 表格来实现的，他们的多级头，是从上往下套用来实现的

基于现有的设计，需要添加功能 1，添加几个特定的头模式，让他们可以选择 2，添加可以实现整行，或者整列的实现方法

在开发中发现问题， 1，无法对原有的渲染列表组件实现拖拽，只能自己来写 div 实现 2，在拖拽完成进行直接渲染中 element-plus 的 Table 表格中有代码报错，目前不清除原因

Vue 3 + TypeScript + Vite

Recommended IDE Setup

Type Support For .vue Imports in TS

Type Support For `.vue` Imports in TS