基于 Vue 2.x
和ElementUI
,并结合部门业务,开发一个包括了查询条件、表格和分页功能的资源表格组件。
依赖的内容及版本:
Vue 2.x
ElementUI
安装:
npm install @geosceneccd/resources-table --registry http://10.10.10.245:4873
使用:
import ResourcesTable from '@geosceneccd/resources-table/lib/index';
import '@geosceneccd/resources-table/lib/index/index.css';
Vue.use(ResourcesTable);
语雀文档地址:https://xnps.yuque.com/nl2wdo/wa7uen/go40ye
支持vue
和vue-template-compiler
**2.6.13 **版本及以上,若低于此版本slot插槽的默认配置会不显示。
- 2022/09/23 发布1.0.0版本。
- 2022/09/25 发布1.0.1版本,自定义操作列的插槽设置当前行信息。
- 2022/09/26 发布1.0.2版本,package.json中修改最高支持vue 2.6.x版本;修改slot-scope和scope为v-slot;delete事件取消callback参数。
- 2022/09/26 发布1.0.3版本,修改自定义表格操作列时不指定operations的值时不显示操作列的问题,指定header-left-part类的样式默认为横向flex布局。
- 2022/09/29 发布1.1.0版本, 表格增加了可跳转列的配置,重新定义queryTable的callback函数接收的参数。
- 2022/09/29 发布1.1.1版本, 表格queryTable的callback函数接收的total、page、pageSize值由字符串转为数字。
- 2022/09/29 发布1.1.2版本, 判断表格queryTable的callback函数接收的对象中是否有page、pageSize值。
- 2022/09/29 发布1.1.3版本, 修改表格头部的查询按钮事件,使其触发时将当前的page设为1。
- 2022/10/10 发布2.0.0版本, 引入jsx语法增设了自定义列,取代了1.0版本中的置顶、状态切换、链接列,因此2.0版本与1.0版本不兼容。
- 2022/11/29 发布2.0.1版本, 查询时将当前页设置为1。
- 2022/12/30 发布2.0.2版本, 修改headerRight插槽默认输入框的placeholder文字,操作列中默认提供的查看详情按钮更换图标。
- 2023/08/16 发布2.0.3版本, 添加展示树形数据功能,当row中包含children字段时,被视为树形数据。渲染树形数据时,以id字段为指定的row-key。
- 2023/08/16 发布2.0.4版本, 渲染嵌套数据的配置选项调整为动态传参。
- 2023/08/16 发布2.0.5版本, 恢复被误删的多选项改变触发的事件。
- 2023/08/17 发布2.0.6版本, 添加回显选中的多行数据事件。
- 2023/08/17 发布2.0.7版本, 修复回显选中的多行数据事件bug。
- 2023/08/22 发布2.0.8版本, 添加隐藏序号列参数,配置树形数据默认展开与否参数。