mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.6 KiB
95 lines
2.6 KiB
<script lang="ts" setup> |
|
import { computed, inject } from '#imports' |
|
import { ColumnInj, EditModeInj } from '~/context' |
|
|
|
interface Props { |
|
modelValue: string |
|
} |
|
|
|
const { modelValue } = defineProps<Props>() |
|
|
|
const emit = defineEmits(['update:modelValue']) |
|
|
|
const column = inject(ColumnInj) |
|
const isForm = inject<boolean>('isForm', false) |
|
const editEnabled = inject(EditModeInj, ref(false)) |
|
|
|
const vModel = computed({ |
|
get: () => modelValue?.replace(/\\'/g, "'").replace(/^'|'$/g, ''), |
|
set: (val) => emit('update:modelValue', val), |
|
}) |
|
|
|
const options = computed(() => column?.value?.dtxp?.split(',').map((v) => v.replace(/\\'/g, "'").replace(/^'|'$/g, '')) || []) |
|
</script> |
|
|
|
<template> |
|
<v-select v-model="vModel" :items="options" hide-details :clearable="!column.rqd" variation="outlined"> |
|
<!-- v-on="parentListeners" |
|
<template #selection="{ item }"> |
|
<div |
|
class="d-100" |
|
:class="{ |
|
'text-center': !isForm, |
|
}" |
|
> |
|
<v-chip small :color="enumColor.light[options.indexOf(item) % enumColor.light.length]" class="ma-1"> |
|
{{ item.text }} |
|
</v-chip> |
|
</div> |
|
</template> |
|
<template #item="{ item }"> |
|
<v-chip small :color="enumColor.light[options.indexOf(item) % enumColor.light.length]"> |
|
{{ item }} |
|
</v-chip> |
|
</template> |
|
<template #append> |
|
<v-icon small class="mt-1"> mdi-menu-down</v-icon> |
|
</template> --> |
|
</v-select> |
|
</template> |
|
|
|
<style scoped lang="scss"> |
|
/*:deep { |
|
.v-select { |
|
min-width: 150px; |
|
} |
|
|
|
.v-input__slot { |
|
padding-right: 0 !important; |
|
padding-left: 35px !important; |
|
} |
|
|
|
.v-input__icon.v-input__icon--clear { |
|
width: 15px !important; |
|
min-width: 13px !important; |
|
|
|
.v-icon { |
|
font-size: 13px !important; |
|
} |
|
} |
|
}*/ |
|
</style> |
|
<!-- |
|
/** |
|
* @copyright Copyright (c) 2021, Xgene Cloud Ltd |
|
* |
|
* @author Naveen MR <oof1lab@gmail.com> |
|
* @author Pranav C Balan <pranavxc@gmail.com> |
|
* |
|
* @license GNU AGPL version 3 or any later version |
|
* |
|
* This program is free software: you can redistribute it and/or modify |
|
* it under the terms of the GNU Affero General Public License as |
|
* published by the Free Software Foundation, either version 3 of the |
|
* License, or (at your option) any later version. |
|
* |
|
* This program is distributed in the hope that it will be useful, |
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|
* GNU Affero General Public License for more details. |
|
* |
|
* You should have received a copy of the GNU Affero General Public License |
|
* along with this program. If not, see <http://www.gnu.org/licenses/>. |
|
* |
|
*/ |
|
-->
|
|
|