@prefecthq/prefect-ui-library
Version:
This library is the Vue and Typescript component library for [Prefect 2](https://github.com/PrefectHQ/prefect) and [Prefect Cloud 2](https://www.prefect.io/cloud/). _The components and utilities in this project are not meant to be used independently_.
241 lines (240 loc) • 12 kB
TypeScript
import { GraphSelectionPosition } from '@prefecthq/graphs';
import { PPopOver } from '@prefecthq/prefect-design';
import { StyleValue } from 'vue';
type __VLS_Props = {
position: GraphSelectionPosition;
};
declare const popOver: import("vue").Ref<({
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
readonly placement?: (import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[]) | undefined;
readonly autoClose?: boolean | undefined;
readonly to?: (string | Element) | undefined;
readonly group?: string | undefined;
readonly onOpen?: ((value: boolean) => any) | undefined | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
placement?: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
autoClose?: boolean;
to?: string | Element;
group?: string;
} & {
onOpen?: ((value: boolean) => any) | undefined;
}>;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot<any> | undefined;
}>;
$root: import("vue").ComponentPublicInstance | null;
$parent: import("vue").ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "open", value: boolean) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<{
placement?: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
autoClose?: boolean;
to?: string | Element;
group?: string;
} & {
onOpen?: ((value: boolean) => any) | undefined;
}>, {
open: () => void;
close: () => void;
toggle: () => void;
visible: import("vue").Ref<boolean, boolean>;
target: import("vue").Ref<Element | undefined, Element | undefined>;
content: import("vue").Ref<Element | undefined, Element | undefined>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
open: (value: boolean) => any;
}, string, {
to: string | Element;
placement: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
group: string;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
} & Readonly<{
to: string | Element;
placement: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
group: string;
}> & Omit<Readonly<{
placement?: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
autoClose?: boolean;
to?: string | Element;
group?: string;
} & {
onOpen?: ((value: boolean) => any) | undefined;
}>, "content" | "to" | "close" | "toggle" | "target" | "open" | "placement" | "group" | "visible"> & import("vue").ShallowUnwrapRef<{
open: () => void;
close: () => void;
toggle: () => void;
visible: import("vue").Ref<boolean, boolean>;
target: import("vue").Ref<Element | undefined, Element | undefined>;
content: import("vue").Ref<Element | undefined, Element | undefined>;
}> & {} & import("vue").ComponentCustomProperties & {} & {
$slots: {
target?: ((props: {
open: () => void;
close: () => void;
toggle: () => void;
visible: boolean;
}) => any) | undefined;
default?: ((props: {
close: () => void;
}) => any) | undefined;
};
}) | undefined, ({
$: import("vue").ComponentInternalInstance;
$data: {};
$props: {
readonly placement?: (import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[]) | undefined;
readonly autoClose?: boolean | undefined;
readonly to?: (string | Element) | undefined;
readonly group?: string | undefined;
readonly onOpen?: ((value: boolean) => any) | undefined | undefined;
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{
placement?: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
autoClose?: boolean;
to?: string | Element;
group?: string;
} & {
onOpen?: ((value: boolean) => any) | undefined;
}>;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot<any> | undefined;
}>;
$root: import("vue").ComponentPublicInstance | null;
$parent: import("vue").ComponentPublicInstance | null;
$host: Element | null;
$emit: (event: "open", value: boolean) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<{
placement?: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
autoClose?: boolean;
to?: string | Element;
group?: string;
} & {
onOpen?: ((value: boolean) => any) | undefined;
}>, {
open: () => void;
close: () => void;
toggle: () => void;
visible: import("vue").Ref<boolean, boolean>;
target: import("vue").Ref<Element | undefined, Element | undefined>;
content: import("vue").Ref<Element | undefined, Element | undefined>;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
open: (value: boolean) => any;
}, string, {
to: string | Element;
placement: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
group: string;
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import("vue").nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
} & Readonly<{
to: string | Element;
placement: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
group: string;
}> & Omit<Readonly<{
placement?: import("@prefecthq/prefect-design").PositionMethod | import("@prefecthq/prefect-design").PositionMethod[];
autoClose?: boolean;
to?: string | Element;
group?: string;
} & {
onOpen?: ((value: boolean) => any) | undefined;
}>, "content" | "to" | "close" | "toggle" | "target" | "open" | "placement" | "group" | "visible"> & import("vue").ShallowUnwrapRef<{
open: () => void;
close: () => void;
toggle: () => void;
visible: import("vue").Ref<boolean, boolean>;
target: import("vue").Ref<Element | undefined, Element | undefined>;
content: import("vue").Ref<Element | undefined, Element | undefined>;
}> & {} & import("vue").ComponentCustomProperties & {} & {
$slots: {
target?: ((props: {
open: () => void;
close: () => void;
toggle: () => void;
visible: boolean;
}) => any) | undefined;
default?: ((props: {
close: () => void;
}) => any) | undefined;
};
}) | undefined>;
declare const placement: import("@prefecthq/prefect-design").PositionMethod[];
declare const invisibleTargetStyles: import("vue").ComputedRef<StyleValue>;
declare const checkOpenState: () => void;
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
declare var __VLS_11: {};
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
default?: (props: typeof __VLS_11) => any;
}>;
declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
PPopOver: typeof PPopOver;
popOver: typeof popOver;
placement: typeof placement;
invisibleTargetStyles: typeof invisibleTargetStyles;
checkOpenState: typeof checkOpenState;
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
onClose: (args_0: null) => any;
}, string, import("vue").PublicProps, Readonly<__VLS_Props & {
onOnClose?: ((args_0: null) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
onClose: (args_0: null) => any;
}, string, import("vue").PublicProps, Readonly<__VLS_Props & {
onOnClose?: ((args_0: null) => any) | undefined;
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}>;
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
export default _default;
type __VLS_WithSlots<T, S> = T & {
new (): {
$slots: S;
};
};