|
|
@ -7,7 +7,6 @@ const props = withDefaults( |
|
|
|
defineProps<{ |
|
|
|
defineProps<{ |
|
|
|
type?: NcProjectType | string |
|
|
|
type?: NcProjectType | string |
|
|
|
modelValue?: string |
|
|
|
modelValue?: string |
|
|
|
emoji?: string |
|
|
|
|
|
|
|
size?: 'small' | 'medium' | 'large' | 'xlarge' |
|
|
|
size?: 'small' | 'medium' | 'large' | 'xlarge' |
|
|
|
readonly?: boolean |
|
|
|
readonly?: boolean |
|
|
|
iconClass?: string |
|
|
|
iconClass?: string |
|
|
@ -59,7 +58,7 @@ watch( |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<a-dropdown v-model:visible="isOpen" :trigger="['click']" :disabled="readonly"> |
|
|
|
<a-dropdown v-model:visible="isOpen" :trigger="['click']" :disabled="readonly"> |
|
|
|
<div |
|
|
|
<div |
|
|
|
class="flex flex-row justify-center items-center select-none rounded-md nc-emoji" |
|
|
|
class="flex flex-row justify-center items-center select-none rounded-md nc-base-icon-picker-trigger" |
|
|
|
:class="{ |
|
|
|
:class="{ |
|
|
|
'hover:bg-gray-500 hover:bg-opacity-15 cursor-pointer': !readonly, |
|
|
|
'hover:bg-gray-500 hover:bg-opacity-15 cursor-pointer': !readonly, |
|
|
|
'bg-gray-500 bg-opacity-15': isOpen, |
|
|
|
'bg-gray-500 bg-opacity-15': isOpen, |
|
|
@ -74,11 +73,7 @@ watch( |
|
|
|
<template #title> {{ $t('tooltip.changeIconColour') }} </template> |
|
|
|
<template #title> {{ $t('tooltip.changeIconColour') }} </template> |
|
|
|
|
|
|
|
|
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<LazyGeneralEmojiPicker :key="emoji" :emoji="emoji" readonly size="small"> |
|
|
|
|
|
|
|
<template #default> |
|
|
|
|
|
|
|
<GeneralProjectIcon :color="colorRef" :type="type" /> |
|
|
|
<GeneralProjectIcon :color="colorRef" :type="type" /> |
|
|
|
</template> |
|
|
|
|
|
|
|
</LazyGeneralEmojiPicker> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</NcTooltip> |
|
|
|
</NcTooltip> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|