diff --git a/packages/nc-gui-v2/components/cell/MultiSelect.vue b/packages/nc-gui-v2/components/cell/MultiSelect.vue index b8d7f78dc2..d1f93c5a2d 100644 --- a/packages/nc-gui-v2/components/cell/MultiSelect.vue +++ b/packages/nc-gui-v2/components/cell/MultiSelect.vue @@ -6,7 +6,7 @@ import { ActiveCellInj, ColumnInj } from '~/context' import MdiCloseCircle from '~icons/mdi/close-circle' interface Props { - modelValue: string | string[] | undefined + modelValue?: string | string[] } const { modelValue } = defineProps() @@ -38,7 +38,7 @@ const options = computed(() => { }) const vModel = computed({ - get: () => selectedIds.value.map((el) => options.value.find((op: SelectOptionType) => op.id === el).title), + get: () => selectedIds.value.map((el) => options.value.find((op: SelectOptionType) => op.id === el)?.title), set: (val) => emit('update:modelValue', val.length === 0 ? null : val.join(',')), }) @@ -130,7 +130,7 @@ watch(isOpen, (n, _o) => { :close-icon="h(MdiCloseCircle, { class: ['ms-close-icon'] })" @close="onClose" > - {{ val }} + {{ val }} @@ -169,6 +169,10 @@ watch(isOpen, (n, _o) => { :deep(.ant-tag-close-icon) { @apply "text-slate-500"; } + +:deep(.ant-select-selection-overflow-item) { + @apply "flex overflow-hidden"; +}