File size: 726 Bytes
b5ba7a5 |
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 |
<script lang="ts">
import { LockOutlined, UnlockOutlined } from '@ant-design/icons-vue';
import IconSwitch from './IconSwitch.vue';
export default {
props: {
locked: {
type: Boolean,
required: true,
},
},
components: {
LockOutlined, UnlockOutlined, IconSwitch,
},
};
</script>
<template>
<div class="lock-switch" title="Lock/Unlock object">
<IconSwitch :model-value="locked" @update:modelValue="$emit('update:locked', $event)">
<template #enable-state>
<lock-outlined></lock-outlined>
</template>
<template #disable-state>
<unlock-outlined></unlock-outlined>
</template>
</IconSwitch>
</div>
</template>
|