test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: added disabled & placement prop in Link component

Browse Source 
(cherry picked from commit 33e4072430d4fa117bcc95553a6f31593282a18d)
This commit is contained in:
Shariq Ansari 2025-07-10 16:14:32 +05:30 committed by Mergify
parent f733ef2fe7
commit 59030f8d44
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Controls/Link.vue
View File

@ -10,6 +10,8 @@
:size="attrs.size || 'sm'" :size="attrs.size || 'sm'"
:variant="attrs.variant" :variant="attrs.variant"
:placeholder="attrs.placeholder" :placeholder="attrs.placeholder"
:disabled="attrs.disabled"
:placement="attrs.placement"
:filterable="false" :filterable="false"
> >
<template #target="{ open, togglePopover }"> <template #target="{ open, togglePopover }">

9
frontend/src/components/frappe-ui/Autocomplete.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<Combobox v-model="selectedValue" nullable v-slot="{ open: isComboboxOpen }"> <Combobox v-model="selectedValue" nullable v-slot="{ open: isComboboxOpen }">
<Popover class="w-full" v-model:show="showOptions"> <Popover class="w-full" v-model:show="showOptions" :placement="placement">
<template #target="{ open: openPopover, togglePopover }"> <template #target="{ open: openPopover, togglePopover }">
<slot <slot
name="target" name="target"
@ -34,6 +34,7 @@
{{ placeholder || '' }} {{ placeholder || '' }}
</div> </div>
<FeatherIcon <FeatherIcon
v-if="!disabled"
name="chevron-down" name="chevron-down"
class="absolute h-4 w-4 text-ink-gray-5 right-2" class="absolute h-4 w-4 text-ink-gray-5 right-2"
aria-hidden="true" aria-hidden="true"
@ -142,7 +143,7 @@ import {
ComboboxOptions, ComboboxOptions,
ComboboxOption, ComboboxOption,
} from '@headlessui/vue' } from '@headlessui/vue'
import { Popover, Button, FeatherIcon } from 'frappe-ui' import { Popover, FeatherIcon } from 'frappe-ui'
import { ref, computed, useAttrs, useSlots, watch, nextTick } from 'vue' import { ref, computed, useAttrs, useSlots, watch, nextTick } from 'vue'
const props = defineProps({ const props = defineProps({
@ -174,6 +175,10 @@ const props = defineProps({
type: Boolean, type: Boolean,
default: true, default: true,
}, },
placement: {
type: String,
default: 'bottom-start',
},
}) })
const emit = defineEmits(['update:modelValue', 'update:query', 'change']) const emit = defineEmits(['update:modelValue', 'update:query', 'change'])