f94b6d273a
* fix: adjustment some schemas * fix(room): fixing integrate unit of room * feat(warehouse): modify form and integration * feat(counter): modify form and integration * feat(screen): add list, form and integration * feat(screen): add page for public screen * fix: add on reset state at list * fix: solve list of relation * feat(chamber): integrate form to api chamber * feat(bed): integrate form to api bed * fix: add searching function on list service * fix: rewrite style for dropdown and tree select * fix: add sort params * fix: add sort params on division + medicine * feat(division-position): layouting form + list * fix: add sort params for getValueList * chore: modify side menu style * chore: fix ui dashboard * feat(division-position): add content list * feat(division-position): add temporary page * feat(division-position): modify content and entry form
41 lines
999 B
Vue
41 lines
999 B
Vue
<script setup lang="ts">
|
|
import type { TreeItem } from './type'
|
|
import { Check } from 'lucide-vue-next'
|
|
import CommandItem from './command-item.vue'
|
|
|
|
defineProps<{
|
|
item: TreeItem
|
|
selectedValue?: string
|
|
shouldAlign?: boolean
|
|
}>()
|
|
|
|
const emit = defineEmits(['select'])
|
|
|
|
function handleSelect(value: string) {
|
|
emit('select', value)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="leaf-node min-w-max">
|
|
<CommandItem
|
|
:value="item.value"
|
|
class="flex items-center justify-between p-2 w-full text-sm font-normal hover:text-primary cursor-pointer rounded-md bg-white dark:bg-transparent"
|
|
:class="{ 'pl-8': shouldAlign }"
|
|
@select="() => handleSelect(item.value)"
|
|
>
|
|
<span class="text-sm font-normal text-gray-400 dark:text-gray-300">{{ item.label }}</span>
|
|
<Check
|
|
v-if="selectedValue === item.value"
|
|
class="w-4 h-4 text-primary ml-2 flex-shrink-0"
|
|
/>
|
|
</CommandItem>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.leaf-node {
|
|
width: 100%;
|
|
}
|
|
</style>
|