refactor: 修正文档

This commit is contained in:
lockingreal
2022-04-13 23:17:12 +08:00
parent f3d29a3711
commit ed7abfa717
5 changed files with 420 additions and 342 deletions

View File

@@ -251,31 +251,35 @@ onMounted(() => {
</div>
</th>
<template v-for="column in columns" :key="column">
<th class="layui-table-cell" :style="{ width: column.width, textAlign: column.align }" v-if="tableColumnKeys.includes(column.key)">
<span>
<template v-if="column.titleSlot">
<slot :name="column.titleSlot"></slot>
</template>
<template v-else>
{{ column.title }}
</template>
</span>
<span
v-if="column.sort"
class="layui-table-sort layui-inline"
lay-sort=""
>
<i
@click.stop="sortTable($event, column.key, 'asc')"
class="layui-edge layui-table-sort-asc"
title="升序"
></i>
<i
@click.stop="sortTable($event, column.key, 'desc')"
class="layui-edge layui-table-sort-desc"
title="降序"
></i>
</span>
<th
class="layui-table-cell"
:style="{ width: column.width, textAlign: column.align }"
v-if="tableColumnKeys.includes(column.key)"
>
<span>
<template v-if="column.titleSlot">
<slot :name="column.titleSlot"></slot>
</template>
<template v-else>
{{ column.title }}
</template>
</span>
<span
v-if="column.sort"
class="layui-table-sort layui-inline"
lay-sort=""
>
<i
@click.stop="sortTable($event, column.key, 'asc')"
class="layui-edge layui-table-sort-asc"
title="升序"
></i>
<i
@click.stop="sortTable($event, column.key, 'desc')"
class="layui-edge layui-table-sort-desc"
title="降序"
></i>
</span>
</th>
</template>
</tr>
@@ -309,11 +313,14 @@ onMounted(() => {
<template v-if="tableColumnKeys.includes(column.key)">
<!-- Column -->
<template v-if="column.customSlot">
<td class="layui-table-cell" :style="{
width: column.width,
textAlign: column.align,
}">
<slot :name="column.customSlot" :data="data"></slot>
<td
class="layui-table-cell"
:style="{
width: column.width,
textAlign: column.align,
}"
>
<slot :name="column.customSlot" :data="data"></slot>
</td>
</template>
<!-- Column -->
@@ -322,11 +329,15 @@ onMounted(() => {
v-for="(value, key) in data"
:key="value"
>
<td v-if="column.key == key" class="layui-table-cell" :style="{
width: column.width,
textAlign: column.align,
}">
<span> {{ value }} </span>
<td
v-if="column.key == key"
class="layui-table-cell"
:style="{
width: column.width,
textAlign: column.align,
}"
>
<span> {{ value }} </span>
</td>
</template>
</template>

View File

@@ -123,7 +123,8 @@ onMounted(() => {
scrollRefEl.value?.addEventListener("scroll", throttle(handlerScroll, 500));
// 如果已折叠,关闭组件初始渲染时的动画,然后自动开启
// @ts-ignore
show.value = scrollRefEl.value!.firstElementChild!.style.marginRight !== "0px";
show.value =
scrollRefEl.value!.firstElementChild!.style.marginRight !== "0px";
enableAnimation = show.value;
});

View File

@@ -189,7 +189,7 @@ export default {
| 属性 | 描述 | 类型 | 默认值 | 可选值 |
| ----------- | -------- | ------- | --------- | ---------------------------------- |
| url | 服务端上传接口,返回的数据规范请详见下文 | string | -- | -- |
| url | 服务端上传接口s | string | -- | -- |
| data | 请求上传接口的额外参数 | object | -- | -- |
| headers | 接口的请求头 | object | -- | -- |
| acceptMime | 文件选择框时的可选文件类型 | string | `images` | `images` |