|
|
|
@ -107,17 +107,23 @@ watch(columns, () => {
|
|
|
|
|
:open="isDropdownOpen" |
|
|
|
|
size="small" |
|
|
|
|
:dropdown-match-select-width="false" |
|
|
|
|
dropdown-class-name="!rounded-lg nc-dropdown-toolbar-search-field-option w-48" |
|
|
|
|
dropdown-class-name="!rounded-lg nc-dropdown-toolbar-search-field-option w-64" |
|
|
|
|
class="py-1 !absolute top-0 left-0 w-full h-full z-10 text-xs opacity-0" |
|
|
|
|
@change="onPressEnter" |
|
|
|
|
> |
|
|
|
|
<a-select-option v-for="op of columns" :key="op.value" v-e="['c:search:field:select']" :value="op.value"> |
|
|
|
|
<div class="text-[0.75rem] flex items-center -ml-1 gap-2"> |
|
|
|
|
<a-select-option v-for="op of columns" :key="op.value" v-e="['c:search:field:select']" :value="op.value" class="mx-1.5"> |
|
|
|
|
<div class="text-[0.75rem] flex items-center gap-2"> |
|
|
|
|
<SmartsheetHeaderIcon class="text-sm" :column="op.column" /> |
|
|
|
|
<NcTooltip class="truncate" placement="top" show-on-truncate-only> |
|
|
|
|
<NcTooltip class="truncate flex-1" placement="top" show-on-truncate-only> |
|
|
|
|
<template #title>{{ op.label }}</template> |
|
|
|
|
<template #default>{{ op.label }}</template> |
|
|
|
|
{{ op.label }} |
|
|
|
|
</NcTooltip> |
|
|
|
|
<component |
|
|
|
|
v-if="search.field === op.value" |
|
|
|
|
id="selected-item-icon" |
|
|
|
|
class="text-primary w-4 h-4" |
|
|
|
|
:is="iconMap.check" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</a-select-option> |
|
|
|
|
</a-select> |
|
|
|
@ -141,7 +147,7 @@ watch(columns, () => {
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
.nc-dropdown-toolbar-search-field-option { |
|
|
|
|
.ant-select-item-option { |
|
|
|
|
@apply !py-2 px-4; |
|
|
|
|
@apply p-2; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|