code-monkey-ui
Version:
A Component Library for Vue 3
531 lines (530 loc) • 23.1 kB
TypeScript
declare const _default: import("vue").DefineComponent<{
readonly id: StringConstructor;
readonly style: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly className: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) & {}) | (() => string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) & {}) | (() => string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly effect: import("code-monkey-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "dark", boolean>;
readonly visible: BooleanConstructor;
readonly enterable: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly pure: BooleanConstructor;
readonly focusOnShow: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly trapping: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly popperClass: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) & {}) | (() => string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) & {}) | (() => string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly popperStyle: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly referenceEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly triggerTargetEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly stopPopperMouseEvent: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly ariaLabel: import("code-monkey-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly virtualTriggering: BooleanConstructor;
readonly zIndex: NumberConstructor;
readonly boundariesPadding: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
readonly fallbackPlacements: import("code-monkey-ui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], unknown, unknown, undefined, boolean>;
readonly gpuAcceleration: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly offset: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
readonly placement: import("code-monkey-ui/es/utils").EpPropFinalized<StringConstructor, import("@popperjs/core").Placement, unknown, "bottom", boolean>;
readonly popperOptions: import("code-monkey-ui/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
readonly strategy: import("code-monkey-ui/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
}, {
popperContentRef: import("vue").Ref<HTMLElement | undefined>;
popperInstanceRef: import("vue").ComputedRef<import("@popperjs/core").Instance | undefined>;
updatePopper: (shouldUpdateZIndex?: boolean) => void;
contentStyle: import("vue").ComputedRef<import("vue").StyleValue[]>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
mouseenter: (evt: MouseEvent) => boolean;
mouseleave: (evt: MouseEvent) => boolean;
focus: () => boolean;
blur: () => boolean;
close: () => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
readonly id: StringConstructor;
readonly style: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly className: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) & {}) | (() => string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) & {}) | (() => string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly effect: import("code-monkey-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "dark", boolean>;
readonly visible: BooleanConstructor;
readonly enterable: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly pure: BooleanConstructor;
readonly focusOnShow: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly trapping: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly popperClass: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<(new (...args: any[]) => (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) & {}) | (() => string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) | ((new (...args: any[]) => (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]) & {}) | (() => string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | (string | {
[]: boolean;
} | any)[])[])[])[])[])[])[])[])[])[])[]))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly popperStyle: {
readonly type: import("vue").PropType<import("code-monkey-ui/es/utils").EpPropMergeType<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly referenceEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly triggerTargetEl: {
readonly type: import("vue").PropType<HTMLElement>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly stopPopperMouseEvent: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly ariaLabel: import("code-monkey-ui/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly virtualTriggering: BooleanConstructor;
readonly zIndex: NumberConstructor;
readonly boundariesPadding: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
readonly fallbackPlacements: import("code-monkey-ui/es/utils").EpPropFinalized<(new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]) | ((new (...args: any[]) => import("@popperjs/core").Placement[]) | (() => import("@popperjs/core").Placement[]))[], unknown, unknown, undefined, boolean>;
readonly gpuAcceleration: import("code-monkey-ui/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly offset: import("code-monkey-ui/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
readonly placement: import("code-monkey-ui/es/utils").EpPropFinalized<StringConstructor, import("@popperjs/core").Placement, unknown, "bottom", boolean>;
readonly popperOptions: import("code-monkey-ui/es/utils").EpPropFinalized<(new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>) | ((new (...args: any[]) => Partial<import("@popperjs/core").Options>) | (() => Partial<import("@popperjs/core").Options>))[], unknown, unknown, () => {}, boolean>;
readonly strategy: import("code-monkey-ui/es/utils").EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
}>> & {
onClose?: (() => any) | undefined;
onFocus?: (() => any) | undefined;
onBlur?: (() => any) | undefined;
onMouseleave?: ((evt: MouseEvent) => any) | undefined;
onMouseenter?: ((evt: MouseEvent) => any) | undefined;
}, {
readonly offset: number;
readonly effect: string;
readonly placement: import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, import("@popperjs/core").Placement, unknown>;
readonly boundariesPadding: number;
readonly fallbackPlacements: import("@popperjs/core").Placement[];
readonly gpuAcceleration: import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly popperOptions: Partial<import("@popperjs/core").Options>;
readonly strategy: import("code-monkey-ui/es/utils").EpPropMergeType<StringConstructor, "fixed" | "absolute", unknown>;
readonly enterable: import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly focusOnShow: import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly trapping: import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly stopPopperMouseEvent: import("code-monkey-ui/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly ariaLabel: string;
readonly visible: boolean;
readonly pure: boolean;
readonly virtualTriggering: boolean;
}>;
export default _default;