naive-ui
Version:
A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast
39 lines • 1.02 kB
JavaScript
import { defineComponent, h, inject } from 'vue';
import { NCheckbox } from "../../../checkbox/index.mjs";
import { dataTableInjectionKey } from "../interface.mjs";
// Extract the checkbox to avoid useless rendering in table body
export default defineComponent({
name: 'DataTableBodyCheckbox',
props: {
rowKey: {
type: [String, Number],
required: true
},
disabled: {
type: Boolean,
required: true
},
onUpdateChecked: {
type: Function,
required: true
}
},
setup(props) {
const {
mergedCheckedRowKeySetRef,
mergedInderminateRowKeySetRef
} = inject(dataTableInjectionKey);
return () => {
const {
rowKey
} = props;
return h(NCheckbox, {
privateInsideTable: true,
disabled: props.disabled,
indeterminate: mergedInderminateRowKeySetRef.value.has(rowKey),
checked: mergedCheckedRowKeySetRef.value.has(rowKey),
onUpdateChecked: props.onUpdateChecked
});
};
}
});