|
|
@@ -1,6 +1,6 @@
|
|
|
<script lang="ts" setup generic="T">
|
|
|
import { type TableColumnCtx } from 'element-plus'
|
|
|
-import { computed, inject, nextTick, ref, useAttrs, watch } from 'vue'
|
|
|
+import { computed, inject, nextTick, ref, useAttrs, useSlots, watch } from 'vue'
|
|
|
import { TableContextKey } from './token'
|
|
|
import ZmTableColumnSettingTree from './ZmTableColumnSettingTree.vue'
|
|
|
import type { ColumnAlign, ColumnSettingItem, SortChangePayload, SortOrder } from './token'
|
|
|
@@ -35,6 +35,7 @@ const emits = defineEmits<{
|
|
|
|
|
|
const props = defineProps<Props>()
|
|
|
const attrs = useAttrs()
|
|
|
+const slots = useSlots()
|
|
|
|
|
|
const tableContext = inject(TableContextKey, {
|
|
|
data: ref([]),
|
|
|
@@ -52,6 +53,10 @@ const innerSortOrder = ref<SortOrder | null>(props.defaultSortOrder ?? null)
|
|
|
const filterVisible = ref(false)
|
|
|
const settingVisible = ref(false)
|
|
|
const hasHeaderAction = computed(() => props.action || props.zmSortable || props.zmFilterable)
|
|
|
+const forwardedSlots = computed(() => {
|
|
|
+ const { header: _header, ...restSlots } = slots
|
|
|
+ return restSlots
|
|
|
+})
|
|
|
|
|
|
const defaultOptions = ref<Partial<Props>>({
|
|
|
align: 'center',
|
|
|
@@ -236,8 +241,8 @@ watch(
|
|
|
|
|
|
<template>
|
|
|
<el-table-column ref="columnRef" v-bind="bindProps">
|
|
|
- <template v-for="(_, name) in $slots" :key="name" #[name]="slotData">
|
|
|
- <slot v-if="name !== 'header'" :name="name" v-bind="slotData || {}"></slot>
|
|
|
+ <template v-for="(_, name) in forwardedSlots" :key="name" #[name]="slotData">
|
|
|
+ <slot :name="name" v-bind="slotData || {}"></slot>
|
|
|
</template>
|
|
|
<template #header="scope">
|
|
|
<slot name="header" v-bind="scope">
|
