|
|
@ -30,6 +30,8 @@ const column = toRef(props, 'column') |
|
|
|
|
|
|
|
|
|
|
|
const hideMenu = toRef(props, 'hideMenu') |
|
|
|
const hideMenu = toRef(props, 'hideMenu') |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const { isMobileMode } = useGlobal() |
|
|
|
|
|
|
|
|
|
|
|
const editColumnDropdown = ref(false) |
|
|
|
const editColumnDropdown = ref(false) |
|
|
|
|
|
|
|
|
|
|
|
const isDropDownOpen = ref(false) |
|
|
|
const isDropDownOpen = ref(false) |
|
|
@ -120,10 +122,20 @@ const closeAddColumnDropdown = () => { |
|
|
|
columnOrder.value = null |
|
|
|
columnOrder.value = null |
|
|
|
editColumnDropdown.value = false |
|
|
|
editColumnDropdown.value = false |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const openHeaderMenu = () => { |
|
|
|
|
|
|
|
if (!isForm.value && !isExpandedForm.value && isUIAllowed('fieldEdit') && !isMobileMode.value) { |
|
|
|
|
|
|
|
editColumnDropdown.value = true |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div class="flex items-center w-full text-xs text-gray-500 font-weight-medium" @click.right="isDropDownOpen = !isDropDownOpen"> |
|
|
|
<div |
|
|
|
|
|
|
|
class="flex items-center w-full h-full text-xs text-gray-500 font-weight-medium" |
|
|
|
|
|
|
|
@dblclick="openHeaderMenu" |
|
|
|
|
|
|
|
@click.right="isDropDownOpen = !isDropDownOpen" |
|
|
|
|
|
|
|
> |
|
|
|
<LazySmartsheetHeaderVirtualCellIcon v-if="column && !props.hideIcon" /> |
|
|
|
<LazySmartsheetHeaderVirtualCellIcon v-if="column && !props.hideIcon" /> |
|
|
|
|
|
|
|
|
|
|
|
<a-tooltip placement="bottom"> |
|
|
|
<a-tooltip placement="bottom"> |
|
|
|