✨: 发布 1.0.5 版本
This commit is contained in:
parent
c31f944865
commit
48f8f64ff4
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@layui/layui-vue",
|
"name": "@layui/layui-vue",
|
||||||
"version": "1.0.5-alpha.1",
|
"version": "1.0.5",
|
||||||
"author": "就眠儀式",
|
"author": "就眠儀式",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"description": "a component library for Vue 3 base on layui-vue",
|
"description": "a component library for Vue 3 base on layui-vue",
|
||||||
|
@ -1,38 +0,0 @@
|
|||||||
<template>
|
|
||||||
<th
|
|
||||||
v-if="tableColumnKeys.includes(column.key)"
|
|
||||||
class="layui-table-cell"
|
|
||||||
:style="{
|
|
||||||
textAlign: column.align,
|
|
||||||
flex: column.width ? '0 0 ' + column.width : '1',
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<span>
|
|
||||||
<template v-if="column.titleSlot">
|
|
||||||
<slot :name="column.titleSlot"></slot>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
{{ column.title }}
|
|
||||||
</template>
|
|
||||||
</span>
|
|
||||||
<!-- 插槽 -->
|
|
||||||
<slot></slot>
|
|
||||||
</th>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script lang="ts">
|
|
||||||
export default {
|
|
||||||
name: "Column",
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
|
|
||||||
export interface LayTableProps {
|
|
||||||
column?: any;
|
|
||||||
tableColumnKeys?: any;
|
|
||||||
}
|
|
||||||
|
|
||||||
const props = withDefaults(defineProps<LayTableProps>(), {
|
|
||||||
});
|
|
||||||
</script>
|
|
@ -5,7 +5,6 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import Column from "./Column.vue";
|
|
||||||
import { ref, watch, useSlots, withDefaults, onMounted } from "vue";
|
import { ref, watch, useSlots, withDefaults, onMounted } from "vue";
|
||||||
import { v4 as uuidv4 } from "../../utils/guidUtil";
|
import { v4 as uuidv4 } from "../../utils/guidUtil";
|
||||||
import { Recordable } from "../../types";
|
import { Recordable } from "../../types";
|
||||||
@ -57,19 +56,6 @@ const tableColumnKeys = ref(
|
|||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
|
||||||
const tableColumns1 = [];
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 复杂表头
|
|
||||||
*
|
|
||||||
* 思路:将 Column 处理为多级别 tr。
|
|
||||||
*/
|
|
||||||
tableColumns.value.forEach((tableColumn) => {
|
|
||||||
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
watch(
|
watch(
|
||||||
() => props.dataSource,
|
() => props.dataSource,
|
||||||
() => {
|
() => {
|
||||||
@ -282,8 +268,24 @@ onMounted(() => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</th>
|
</th>
|
||||||
<template v-for="column in columns" :key="column">
|
<template v-for="column in columns" :key="column">
|
||||||
<column :tableColumnKeys="tableColumnKeys" :column="column">
|
<th
|
||||||
|
v-if="tableColumnKeys.includes(column.key)"
|
||||||
|
class="layui-table-cell"
|
||||||
|
:style="{
|
||||||
|
textAlign: column.align,
|
||||||
|
flex: column.width ? '0 0 ' + column.width : '1',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<span>
|
||||||
|
<template v-if="column.titleSlot">
|
||||||
|
<slot :name="column.titleSlot"></slot>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
{{ column.title }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
<!-- 插槽 -->
|
||||||
<span
|
<span
|
||||||
v-if="column.sort"
|
v-if="column.sort"
|
||||||
class="layui-table-sort layui-inline"
|
class="layui-table-sort layui-inline"
|
||||||
@ -300,7 +302,7 @@ onMounted(() => {
|
|||||||
title="降序"
|
title="降序"
|
||||||
></i>
|
></i>
|
||||||
</span>
|
</span>
|
||||||
</column>
|
</th>
|
||||||
</template>
|
</template>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
@ -116,6 +116,11 @@ a:hover {
|
|||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a cite {
|
||||||
|
font-style: normal;
|
||||||
|
*cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.layui-border-box,
|
.layui-border-box,
|
||||||
.layui-border-box * {
|
.layui-border-box * {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
rel="nofollow"
|
rel="nofollow"
|
||||||
class="site-star"
|
class="site-star"
|
||||||
>
|
>
|
||||||
<i class="layui-icon"></i> Star <cite id="getStars">746</cite>
|
<i class="layui-icon"></i> Star <cite id="getStars">863</cite>
|
||||||
</a>
|
</a>
|
||||||
<a
|
<a
|
||||||
href="https://gitee.com/layui-vue"
|
href="https://gitee.com/layui-vue"
|
||||||
|
Loading…
Reference in New Issue
Block a user