File size: 1,022 Bytes
4d70170 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
<script>
import { computed, defineComponent, h } from 'vue'
import { useDisabledChild, useDisabledParent } from '../composables/useDisabled'
export default defineComponent({
name: 'VueDisable',
components: {
PropagateDisable: {
props: {
disabled: {
type: Boolean,
default: false,
},
},
setup(props, { slots }) {
useDisabledParent(props)
return () => h('div', { class: 'vue-ui-disable' }, slots)
},
},
},
props: {
stopPropagation: {
type: Boolean,
default: false,
},
disabled: {
type: Boolean,
default: false,
},
},
setup(props) {
const { finalDisabled } = useDisabledChild(props)
const propagateDisabled = computed(() => {
return props.stopPropagation ? props.disabled : finalDisabled.value
})
return {
propagateDisabled,
}
},
})
</script>
<template>
<PropagateDisable :disabled="propagateDisabled">
<slot />
</PropagateDisable>
</template>
|