theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(table): 新增 toolbar 插槽

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
docs/docs/zh-CN/components/layout.md
View File

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

15
docs/docs/zh-CN/components/table.md
View File

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

5
src/module/table/index.vue
View File

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