feat(table): 新增 toolbar 插槽

This commit is contained in:
就眠仪式 2021-10-15 09:46:45 +08:00
parent 315de42276
commit edde6ed813
3 changed files with 20 additions and 7 deletions

View File

@ -1,9 +1,12 @@
layui 之所以赢得如此多人的青睐更多是在于它「前后界面兼备」的能力。既可编织出绚丽的前台页面又可满足繁杂的管理系统界面需求。layui 致力于让每一位开发者都能轻松搭建自己的管理界面。下面是演示代码,你可以前往示例页面:
<br>
<img src="../../../src/assets/layout.png"/>
<br>
<br>
layui 之所以赢得如此多人的青睐更多是在于它「前后界面兼备」的能力。既可编织出绚丽的前台页面又可满足繁杂的管理系统界面需求。layui 致力于让每一位开发者都能轻松搭建自己的管理界面。下面是演示代码 :
<br>
```html

View File

@ -126,11 +126,10 @@ export default {
::: demo
<template>
{{selectedKeys}}
<lay-table :columns="columns" id="id" :dataSource="dataSource" default-toolbar="true" v-model:selectedKeys="selectedKeys" @changeSelectedKeys="changeSelectedKeys" checkbox="true">
<lay-table :columns="columns" id="id" :dataSource="dataSource" v-model:selectedKeys="selectedKeys" checkbox default-toolbar>
<template v-slot:toolbar>
<lay-button>新增</lay-button>
<lay-button>删除</lay-button>
<lay-button size="sm">新增</lay-button>
<lay-button size="sm">删除</lay-button>
</template>
<template v-slot:username="{ data }"> {{data.username}} </template>
<template v-slot:password="{ data }"> {{data.password}} </template>
@ -200,3 +199,11 @@ export default {
| id | 主键 | -- |
| selectedKeys ( v-model ) | 选中项 | -- |
| default-toolbar | 开启工具栏 | -- |
::: field table slots
:::
| | | |
| --------------- | ----------- | --- |
| toolbar | 自定义工具栏 | -- |

View File

@ -5,6 +5,9 @@
class="layui-form layui-border-box layui-table-view layui-table-view-1"
>
<div v-if="defaultToolbar || slot.toolbar" class="layui-table-tool">
<div v-if="slot.toolbar" class="layui-table-tool-temp">
<slot name="toolbar"></slot>
</div>
<div v-if="defaultToolbar" class="layui-table-tool-self">
<div
class="layui-inline"
@ -129,7 +132,7 @@ const props = withDefaults(
columns?: Recordable[]
dataSource: Recordable[]
defaultToolbar?: boolean
selectedKeys: Array<string>
selectedKeys?: Array<string>
}>(),
{
id: 'id',