Fixed #1836 - For Fieldset

pull/1846/head
mertsincan 2021-12-01 16:38:36 +03:00
parent 5edb45a234
commit f41d29d44e
1 changed files with 63 additions and 11 deletions

View File

@ -1,19 +1,71 @@
import { VNode } from 'vue'; import { VNode } from 'vue';
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
interface FieldsetProps { export interface FieldsetToggleEvent {
legend?: string; /**
toggleable?: boolean; * Browser event.
collapsed?: boolean; */
originalEvent: Event;
/**
* Collapsed state as a boolean
*/
value: boolean;
} }
declare class Fieldset { export interface FieldsetProps {
$props: FieldsetProps; /**
$emit(eventName: 'update:collapsed', value: boolean): this; * Header text of the fieldset.
$emit(eventName: 'toggle', e: { originalEvent: Event, value: boolean }): this; */
$slots: { legend?: string | undefined;
'': VNode[]; /**
legend: VNode[]; * When specified, content can toggled by clicking the legend.
*/
toggleable?: boolean | undefined;
/**
* Defines the default visibility state of the content.
*/
collapsed?: boolean | undefined;
}
export interface FieldsetSlots {
/**
* Default content slot.
*/
default: () => VNode[];
/**
* Custom legend template.
*/
legend: () => VNode[];
}
export declare type FieldsetEmits = {
/**
* Emitted when the collapsed changes.
* @param {boolean} value - New value.
*/
'update:collapsed': (value: boolean) => void;
/**
* Callback to invoke when a tab gets expanded or collapsed.
* @param {FieldsetToggleEvent} event - Custom toggle event.
*/
'toggle': (event: FieldsetToggleEvent) => void;
}
declare class Fieldset extends ClassComponent<FieldsetProps, FieldsetSlots, FieldsetEmits> { }
declare module '@vue/runtime-core' {
interface GlobalComponents {
Fieldset: GlobalComponentConstructor<Fieldset>
} }
} }
/**
*
* Fieldset is a grouping component with the optional content toggle feature.
*
* Demos:
*
* - [Fieldset](https://www.primefaces.org/primevue/showcase/#/fieldset)
*
*/
export default Fieldset; export default Fieldset;