Fixed #3871 - Deprecated indicator slot
parent
0eb2981c04
commit
f0b4bd2e3f
|
@ -212,6 +212,7 @@ export interface CascadeSelectSlots {
|
||||||
}): VNode[];
|
}): VNode[];
|
||||||
/**
|
/**
|
||||||
* Custom indicator template.
|
* Custom indicator template.
|
||||||
|
* @deprecated since v3.27.0. Use 'dropdownicon or loadingicon' slots.
|
||||||
*/
|
*/
|
||||||
indicator(): VNode[];
|
indicator(): VNode[];
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -30,8 +30,6 @@
|
||||||
</slot>
|
</slot>
|
||||||
</span>
|
</span>
|
||||||
<div class="p-cascadeselect-trigger" role="button" tabindex="-1" aria-hidden="true">
|
<div class="p-cascadeselect-trigger" role="button" tabindex="-1" aria-hidden="true">
|
||||||
<slot v-if="$slots.indicator" name="indicator"></slot>
|
|
||||||
<template v-else>
|
|
||||||
<slot v-if="loading" name="loadingicon" class="p-cascadeselect-trigger-icon">
|
<slot v-if="loading" name="loadingicon" class="p-cascadeselect-trigger-icon">
|
||||||
<span v-if="loadingIcon" :class="['p-cascadeselect-trigger-icon pi-spin', loadingIcon]" aria-hidden="true" />
|
<span v-if="loadingIcon" :class="['p-cascadeselect-trigger-icon pi-spin', loadingIcon]" aria-hidden="true" />
|
||||||
<SpinnerIcon v-else class="p-cascadeselect-trigger-icon" spin aria-hidden="true" />
|
<SpinnerIcon v-else class="p-cascadeselect-trigger-icon" spin aria-hidden="true" />
|
||||||
|
@ -39,7 +37,6 @@
|
||||||
<slot v-else name="dropdownicon" class="p-cascadeselect-trigger-icon">
|
<slot v-else name="dropdownicon" class="p-cascadeselect-trigger-icon">
|
||||||
<component :is="dropdownIcon ? 'span' : 'ChevronDownIcon'" :class="['p-cascadeselect-trigger-icon', dropdownIcon]" aria-hidden="true" />
|
<component :is="dropdownIcon ? 'span' : 'ChevronDownIcon'" :class="['p-cascadeselect-trigger-icon', dropdownIcon]" aria-hidden="true" />
|
||||||
</slot>
|
</slot>
|
||||||
</template>
|
|
||||||
</div>
|
</div>
|
||||||
<span role="status" aria-live="polite" class="p-hidden-accessible">
|
<span role="status" aria-live="polite" class="p-hidden-accessible">
|
||||||
{{ searchResultMessageText }}
|
{{ searchResultMessageText }}
|
||||||
|
|
|
@ -273,6 +273,7 @@ export interface DropdownSlots {
|
||||||
}): VNode[];
|
}): VNode[];
|
||||||
/**
|
/**
|
||||||
* Custom indicator template.
|
* Custom indicator template.
|
||||||
|
* @deprecated since v3.27.0. Use 'dropdownicon or loadingicon' slots.
|
||||||
*/
|
*/
|
||||||
indicator(): VNode[];
|
indicator(): VNode[];
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -51,8 +51,6 @@
|
||||||
<component :is="clearIcon ? 'i' : 'TimesIcon'" :class="['p-dropdown-clear-icon', clearIcon]" @click="onClearClick" v-bind="clearIconProps" />
|
<component :is="clearIcon ? 'i' : 'TimesIcon'" :class="['p-dropdown-clear-icon', clearIcon]" @click="onClearClick" v-bind="clearIconProps" />
|
||||||
</slot>
|
</slot>
|
||||||
<div class="p-dropdown-trigger">
|
<div class="p-dropdown-trigger">
|
||||||
<slot v-if="$slots.indicator" name="indicator"></slot>
|
|
||||||
<template v-else>
|
|
||||||
<slot v-if="loading" name="loadingicon" class="p-dropdown-trigger-icon">
|
<slot v-if="loading" name="loadingicon" class="p-dropdown-trigger-icon">
|
||||||
<span v-if="loadingIcon" :class="['p-dropdown-trigger-icon pi-spin', loadingIcon]" aria-hidden="true" />
|
<span v-if="loadingIcon" :class="['p-dropdown-trigger-icon pi-spin', loadingIcon]" aria-hidden="true" />
|
||||||
<SpinnerIcon v-else class="p-dropdown-trigger-icon" spin aria-hidden="true" />
|
<SpinnerIcon v-else class="p-dropdown-trigger-icon" spin aria-hidden="true" />
|
||||||
|
@ -60,7 +58,6 @@
|
||||||
<slot v-else name="dropdownicon" class="p-dropdown-trigger-icon">
|
<slot v-else name="dropdownicon" class="p-dropdown-trigger-icon">
|
||||||
<component :is="dropdownIcon ? 'span' : 'ChevronDownIcon'" :class="['p-dropdown-trigger-icon', dropdownIcon]" aria-hidden="true" />
|
<component :is="dropdownIcon ? 'span' : 'ChevronDownIcon'" :class="['p-dropdown-trigger-icon', dropdownIcon]" aria-hidden="true" />
|
||||||
</slot>
|
</slot>
|
||||||
</template>
|
|
||||||
</div>
|
</div>
|
||||||
<Portal :appendTo="appendTo">
|
<Portal :appendTo="appendTo">
|
||||||
<transition name="p-connected-overlay" @enter="onOverlayEnter" @after-enter="onOverlayAfterEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
|
<transition name="p-connected-overlay" @enter="onOverlayEnter" @after-enter="onOverlayAfterEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
|
||||||
|
|
|
@ -44,8 +44,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-multiselect-trigger">
|
<div class="p-multiselect-trigger">
|
||||||
<slot v-if="$slots.indicator" name="indicator"></slot>
|
|
||||||
<template v-else>
|
|
||||||
<slot v-if="loading" name="loadingicon" class="p-multiselect-trigger-icon">
|
<slot v-if="loading" name="loadingicon" class="p-multiselect-trigger-icon">
|
||||||
<span v-if="loadingIcon" :class="['p-multiselect-trigger-icon pi-spin', loadingIcon]" aria-hidden="true" />
|
<span v-if="loadingIcon" :class="['p-multiselect-trigger-icon pi-spin', loadingIcon]" aria-hidden="true" />
|
||||||
<SpinnerIcon v-else class="p-multiselect-trigger-icon" spin aria-hidden="true" />
|
<SpinnerIcon v-else class="p-multiselect-trigger-icon" spin aria-hidden="true" />
|
||||||
|
@ -53,7 +51,6 @@
|
||||||
<slot v-else name="dropdownicon" class="p-multiselect-trigger-icon">
|
<slot v-else name="dropdownicon" class="p-multiselect-trigger-icon">
|
||||||
<component :is="dropdownIcon ? 'span' : 'ChevronDownIcon'" :class="['p-multiselect-trigger-icon', dropdownIcon]" aria-hidden="true" />
|
<component :is="dropdownIcon ? 'span' : 'ChevronDownIcon'" :class="['p-multiselect-trigger-icon', dropdownIcon]" aria-hidden="true" />
|
||||||
</slot>
|
</slot>
|
||||||
</template>
|
|
||||||
</div>
|
</div>
|
||||||
<Portal :appendTo="appendTo">
|
<Portal :appendTo="appendTo">
|
||||||
<transition name="p-connected-overlay" @enter="onOverlayEnter" @after-enter="onOverlayAfterEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
|
<transition name="p-connected-overlay" @enter="onOverlayEnter" @after-enter="onOverlayAfterEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
|
||||||
|
|
Loading…
Reference in New Issue