@ark-ui/vue
Version:
A collection of unstyled, accessible UI components for Vue, utilizing state machines for seamless interaction.
45 lines (44 loc) • 3.53 kB
text/typescript
import { HTMLAttributes, VNodeProps, AllowedComponentProps, ComponentCustomProps, PublicProps, ShallowUnwrapRef, VNode } from 'vue';
import { Assign } from '../../types';
import { RenderStrategyProps } from '../../utils/use-render-strategy';
import { CollectionItem } from '../collection';
import { PolymorphicProps } from '../factory';
import { RootProps } from './select.types';
import { SelectionDetails, ValueChangeDetails, OpenChangeDetails, HighlightChangeDetails } from '@zag-js/select';
import { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/interact-outside';
export interface SelectRootBaseProps<T extends CollectionItem> extends RootProps<T>, RenderStrategyProps, PolymorphicProps {
}
export interface SelectRootProps<T extends CollectionItem> extends SelectRootBaseProps<T>,
/**
* @vue-ignore
*/
Omit<HTMLAttributes, 'onSelect'> {
}
export type SelectRootComponent<P = {}> = <T extends CollectionItem>(props: Assign<SelectRootProps<T>, P>) => any;
export type { RootEmits as SelectRootEmits } from './select.types';
declare const _default: <T extends CollectionItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
readonly onSelect?: ((details: SelectionDetails) => any) | undefined;
readonly onValueChange?: ((details: ValueChangeDetails<T>) => any) | undefined;
readonly "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
readonly onOpenChange?: ((details: OpenChangeDetails) => any) | undefined;
readonly "onUpdate:open"?: ((open: boolean) => any) | undefined;
readonly onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
readonly onInteractOutside?: ((event: InteractOutsideEvent) => any) | undefined;
readonly onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
readonly onHighlightChange?: ((details: HighlightChangeDetails<T>) => any) | undefined;
readonly "onUpdate:highlightedValue"?: ((value: string | null) => any) | undefined;
} & VNodeProps & AllowedComponentProps & ComponentCustomProps, never>, "onSelect" | "onValueChange" | "onOpenChange" | "onUpdate:open" | "onUpdate:modelValue" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "onHighlightChange" | "onUpdate:highlightedValue"> & SelectRootProps<T> & Partial<{}>> & PublicProps;
expose(exposed: ShallowUnwrapRef<{}>): void;
attrs: any;
slots: {
default?(_: {}): any;
};
emit: ((evt: "select", details: SelectionDetails) => void) & ((evt: "valueChange", details: ValueChangeDetails<T>) => void) & ((evt: "update:modelValue", value: string[]) => void) & ((evt: "openChange", details: OpenChangeDetails) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: InteractOutsideEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "highlightChange", details: HighlightChangeDetails<T>) => void) & ((evt: "update:highlightedValue", value: string | null) => void);
}>) => VNode & {
__ctx?: Awaited<typeof __VLS_setup>;
};
export default _default;
type __VLS_PrettifyLocal<T> = {
[K in keyof T]: T[K];
} & {};