🐛(component): 简化 table 文档

This commit is contained in:
就眠儀式 2022-10-09 17:14:56 +08:00
parent 2dfb21701b
commit fbfb86166c
3 changed files with 22 additions and 17 deletions

View File

@ -266,11 +266,7 @@ watch(
tableDataSource.value = [...props.dataSource]; tableDataSource.value = [...props.dataSource];
tableSelectedKeys.value = []; tableSelectedKeys.value = [];
tableSelectedKey.value = s; tableSelectedKey.value = s;
nextTick(() => { }, { deep: true }
getScrollWidth();
});
},
{ deep: true }
); );
const changeAll = (isChecked: boolean) => { const changeAll = (isChecked: boolean) => {
@ -451,12 +447,14 @@ watch(
() => [props.height, props.maxHeight, props.dataSource], () => [props.height, props.maxHeight, props.dataSource],
() => { () => {
nextTick(() => { nextTick(() => {
console.log("触发");
getScrollWidth(); getScrollWidth();
}); });
} }
); );
onMounted(() => { onMounted(() => {
getScrollWidth(); getScrollWidth();
getFixedColumn(); getFixedColumn();

View File

@ -119,7 +119,6 @@ export default {
::: demo ::: demo
<template> <template>
page props: {{ page3 }}
<lay-table :columns="columns3" :data-source="dataSource3" :page="page3" @change="change3"></lay-table> <lay-table :columns="columns3" :data-source="dataSource3" :page="page3" @change="change3"></lay-table>
</template> </template>
@ -226,10 +225,9 @@ export default {
::: title 开启子表 ::: title 开启子表
::: :::
::: demo 当表格内容较多不能一次性完全展示时。 ::: demo 当表格内容较多不能一次性完全展示时, 你可以将多余内容展示到 `expand` 插槽
<template> <template>
{{ expandKeys6 }}
<lay-table :columns="columns6" :data-source="dataSource6" :default-expand-all="defaultExpandAll6" v-model:expandKeys="expandKeys6"> <lay-table :columns="columns6" :data-source="dataSource6" :default-expand-all="defaultExpandAll6" v-model:expandKeys="expandKeys6">
<template v-slot:expand="{ data }"> <template v-slot:expand="{ data }">
<lay-table :columns="columns6" :data-source="dataSource6"></lay-table> <lay-table :columns="columns6" :data-source="dataSource6"></lay-table>
@ -285,7 +283,6 @@ export default {
::: demo 树形数据的展示,当数据中有 children 字段时会自动展示为树形表格, 通过设置 indentSize 以控制每一层的缩进宽度, 使用 childrenColumnName 替换默认字段 ::: demo 树形数据的展示,当数据中有 children 字段时会自动展示为树形表格, 通过设置 indentSize 以控制每一层的缩进宽度, 使用 childrenColumnName 替换默认字段
<template> <template>
{{ expandKeys7 }}
<lay-table :columns="columns7" :data-source="dataSource7" :default-expand-all="defaultExpandAll7" v-model:expandKeys="expandKeys7"> <lay-table :columns="columns7" :data-source="dataSource7" :default-expand-all="defaultExpandAll7" v-model:expandKeys="expandKeys7">
<template #score="{ data }">{{ data }}</template> <template #score="{ data }">{{ data }}</template>
</lay-table> </lay-table>
@ -338,8 +335,8 @@ export default {
<lay-table <lay-table
:columns="columns8" :columns="columns8"
:data-source="dataSource8" :data-source="dataSource8"
size="sm"
max-height="300px" max-height="300px"
size="sm"
> >
<template v-slot:operator="{ data }"> <template v-slot:operator="{ data }">
<lay-button size="xs" @click="deleteColumn(data)">删除</lay-button> <lay-button size="xs" @click="deleteColumn(data)">删除</lay-button>
@ -1369,7 +1366,7 @@ export default {
{id:"5",username:"就眠儀式",province:"山东",city:"济南",area: "高新区", password:"woow",sex:"男", age:"20", remark: 'layui - vue谐音类 UI) '} {id:"5",username:"就眠儀式",province:"山东",city:"济南",area: "高新区", password:"woow",sex:"男", age:"20", remark: 'layui - vue谐音类 UI) '}
]; ];
loading.value = false; loading.value = false;
},50000000) },5000)
} }
return { return {

View File

@ -12,7 +12,17 @@
<lay-timeline> <lay-timeline>
<lay-timeline-item title="1.6.x"> <lay-timeline-item title="1.6.x">
<ul> <ul>
<a name="1-6-0"></a> <a name="1-6-4"></a>
<li>
<h3>1.6.4 <span class="layui-badge-rim">2022-10-09</span></h3>
<ul>
<li>[修复] radio 组件 value 属性不兼容 number 类型而导致类型警告。</li>
<li>[修复] select-option 组件在伴随 v-if 指令时导致无法正常渲染。</li>
</ul>
</li>
</ul>
<ul>
<a name="1-6-3"></a>
<li> <li>
<h3>1.6.3 <span class="layui-badge-rim">2022-10-08</span></h3> <h3>1.6.3 <span class="layui-badge-rim">2022-10-08</span></h3>
<ul> <ul>
@ -24,7 +34,7 @@
</li> </li>
</ul> </ul>
<ul> <ul>
<a name="1-6-0"></a> <a name="1-6-2"></a>
<li> <li>
<h3>1.6.2 <span class="layui-badge-rim">2022-10-07</span></h3> <h3>1.6.2 <span class="layui-badge-rim">2022-10-07</span></h3>
<ul> <ul>
@ -37,7 +47,7 @@
</li> </li>
</ul> </ul>
<ul> <ul>
<a name="1-6-0"></a> <a name="1-6-1"></a>
<li> <li>
<h3>1.6.1 <span class="layui-badge-rim">2022-10-06</span></h3> <h3>1.6.1 <span class="layui-badge-rim">2022-10-06</span></h3>
<ul> <ul>