Fixed #1836 - For Accordion
parent
193e764dac
commit
07f85b21ca
|
@ -1,19 +1,82 @@
|
||||||
import { VNode } from 'vue';
|
import { VNode } from 'vue';
|
||||||
|
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
|
||||||
|
|
||||||
interface AccordionProps {
|
interface AccordionTabOpenEvent {
|
||||||
multiple?: boolean;
|
/**
|
||||||
activeIndex?: Number|[Number];
|
* Browser mouse event.
|
||||||
lazy?: boolean;
|
* @type {MouseEvent}
|
||||||
|
*/
|
||||||
|
originalEvent: MouseEvent;
|
||||||
|
/**
|
||||||
|
* Opened tab index.
|
||||||
|
*/
|
||||||
|
index: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
declare class Accordion {
|
/**
|
||||||
$props: AccordionProps;
|
* @extends {AccordionTabOpenEvent}
|
||||||
$emit(eventName: 'update:activeIndex', value: number): this;
|
*/
|
||||||
$emit(eventName: 'tab-open', e: {originalEvent: Event, tab: any}): this;
|
interface AccordionTabCloseEvent extends AccordionTabOpenEvent { }
|
||||||
$emit(eventName: 'tab-close', e: {originalEvent: Event, tab: any}): this;
|
|
||||||
$slots: {
|
interface AccordionProps {
|
||||||
'': VNode[];
|
/**
|
||||||
|
* When enabled, multiple tabs can be activated at the same time.
|
||||||
|
*/
|
||||||
|
multiple?: boolean | undefined;
|
||||||
|
/**
|
||||||
|
* Index of the active tab or an array of indexes in multiple mode.
|
||||||
|
*/
|
||||||
|
activeIndex?: number | number[] | undefined;
|
||||||
|
/**
|
||||||
|
* When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css.
|
||||||
|
*/
|
||||||
|
lazy?: boolean | undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
interface AccordionSlots {
|
||||||
|
/**
|
||||||
|
* Default slot to detect AccordionTab components.
|
||||||
|
*/
|
||||||
|
default: () => VNode[];
|
||||||
|
}
|
||||||
|
|
||||||
|
type AccordionEmits = {
|
||||||
|
/**
|
||||||
|
* Emitted when the active tab changes.
|
||||||
|
* @param {number | undefined} value - Index of new active tab.
|
||||||
|
*/
|
||||||
|
'update:activeIndex': (value: number | undefined) => void;
|
||||||
|
/**
|
||||||
|
* Callback to invoke when a tab gets expanded.
|
||||||
|
* @param {AccordionTabOpenEvent} event - Custom tab open event.
|
||||||
|
*/
|
||||||
|
'tab-open': (event: AccordionTabOpenEvent) => void;
|
||||||
|
/**
|
||||||
|
* Callback to invoke when an active tab is collapsed by clicking on the header.
|
||||||
|
* @param {AccordionTabCloseEvent} event - Custom tab close event.
|
||||||
|
*/
|
||||||
|
'tab-close': (event: AccordionTabCloseEvent) => void;
|
||||||
|
}
|
||||||
|
|
||||||
|
declare class Accordion extends ClassComponent<AccordionProps, AccordionSlots, AccordionEmits> { }
|
||||||
|
|
||||||
|
declare module '@vue/runtime-core' {
|
||||||
|
interface GlobalComponents {
|
||||||
|
Accordion: GlobalComponentConstructor<Accordion>
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
*
|
||||||
|
* Accordion groups a collection of contents in tabs.
|
||||||
|
*
|
||||||
|
* Helper Components:
|
||||||
|
*
|
||||||
|
* - AccordionTab
|
||||||
|
*
|
||||||
|
* Demos:
|
||||||
|
*
|
||||||
|
* - [Accordion](https://www.primefaces.org/primevue/showcase/#/accordion)
|
||||||
|
*
|
||||||
|
*/
|
||||||
export default Accordion;
|
export default Accordion;
|
||||||
|
|
Loading…
Reference in New Issue