feature: vor und nachteile

This commit is contained in:
Hikyu
2026-05-31 13:54:31 +02:00
parent 552a947a1c
commit e3dad17446
23270 changed files with 3024794 additions and 200 deletions
+21
View File
@@ -0,0 +1,21 @@
MIT License
Copyright (c) 2018 Guillaume Chau (alias Akryum)
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
+27
View File
@@ -0,0 +1,27 @@
<p align="center">
<img src="./logo.png" alt="floating-vue logo"/>
</p>
<h1 align="center">Floating Vue</h1>
<p align="center">
<a href="https://www.npmjs.com/package/floating-vue"><img src="https://img.shields.io/npm/v/floating-vue.svg"/> <img src="https://img.shields.io/npm/dm/floating-vue.svg"/></a> <a href="https://vuejs.org/"><img src="https://img.shields.io/badge/vue-3|2-brightgreen.svg"/></a>
</p>
<p align="center">
Easy tooltips, dropdowns, menus... with <a href="https://github.com/floating-ui/floating-ui">Floating UI</a>
</p>
<p align="center">
<a href="https://floating-vue.starpad.dev/">Documentation</a>
</p>
[💚️ Become a Sponsor](https://github.com/sponsors/Akryum)
## Sponsors
[![sponsors logos](https://guillaume-chau.info/sponsors.png)](https://guillaume-chau.info/sponsors)
---
LICENCE MIT - Created by Guillaume CHAU (@Akryum)
+398
View File
@@ -0,0 +1,398 @@
declare const Component: import("vue").DefineComponent<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import("vue").PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: import("vue").PropType<import("..").Placement>;
default: any;
};
delay: {
type: import("vue").PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
showTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
hideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperHideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: import("vue").PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: import("vue").PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: import("vue").PropType<boolean | "min" | "max">;
default: any;
};
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}, unknown, unknown, {
finalTheme(): string;
}, {
getTargetNodes(): unknown[];
}, {
computed: {
themeClass(): string[];
};
} | {
methods: {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
};
}, import("vue").ComponentOptionsMixin, {
show: () => true;
hide: () => true;
'update:shown': (shown: boolean) => true;
'apply-show': () => true;
'apply-hide': () => true;
'close-group': () => true;
'close-directive': () => true;
'auto-hide': () => true;
resize: () => true;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import("vue").PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: import("vue").PropType<import("..").Placement>;
default: any;
};
delay: {
type: import("vue").PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
showTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
hideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperHideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: import("vue").PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: import("vue").PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: import("vue").PropType<boolean | "min" | "max">;
default: any;
};
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}>> & {
onResize?: () => any;
onShow?: () => any;
onHide?: () => any;
"onUpdate:shown"?: (shown: boolean) => any;
"onApply-show"?: () => any;
"onApply-hide"?: () => any;
"onClose-group"?: () => any;
"onClose-directive"?: () => any;
"onAuto-hide"?: () => any;
}, {
placement: import("..").Placement;
strategy: "absolute" | "fixed";
disabled: boolean;
positioningDisabled: boolean;
delay: string | number | {
show: number;
hide: number;
};
distance: string | number;
skidding: string | number;
triggers: import("./PopperWrapper.vue").TriggerEvent[];
showTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
hideTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
popperTriggers: import("./PopperWrapper.vue").TriggerEvent[];
popperShowTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
popperHideTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
container: any;
boundary: any;
autoHide: boolean | ((event: Event) => boolean);
handleResize: boolean;
instantMove: boolean;
eagerMount: boolean;
popperClass: string | unknown[] | Record<string, any>;
computeTransformOrigin: boolean;
autoMinSize: boolean;
autoSize: boolean | "min" | "max";
autoMaxSize: boolean;
autoBoundaryMaxSize: boolean;
preventOverflow: boolean;
overflowPadding: string | number;
arrowPadding: string | number;
arrowOverflow: boolean;
flip: boolean;
shift: boolean;
shiftCrossAxis: boolean;
noAutoFocus: boolean;
disposeTimeout: number;
shown: boolean;
theme: string;
referenceNode: () => Element;
showGroup: string;
ariaId: any;
}, {}>;
export default Component;
+398
View File
@@ -0,0 +1,398 @@
declare const Component: import("vue").DefineComponent<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import("vue").PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: import("vue").PropType<import("..").Placement>;
default: any;
};
delay: {
type: import("vue").PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
showTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
hideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperHideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: import("vue").PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: import("vue").PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: import("vue").PropType<boolean | "min" | "max">;
default: any;
};
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}, unknown, unknown, {
finalTheme(): string;
}, {
getTargetNodes(): unknown[];
}, {
computed: {
themeClass(): string[];
};
} | {
methods: {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
};
}, import("vue").ComponentOptionsMixin, {
show: () => true;
hide: () => true;
'update:shown': (shown: boolean) => true;
'apply-show': () => true;
'apply-hide': () => true;
'close-group': () => true;
'close-directive': () => true;
'auto-hide': () => true;
resize: () => true;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import("vue").PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: import("vue").PropType<import("..").Placement>;
default: any;
};
delay: {
type: import("vue").PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
showTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
hideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperHideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: import("vue").PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: import("vue").PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: import("vue").PropType<boolean | "min" | "max">;
default: any;
};
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}>> & {
onResize?: () => any;
onShow?: () => any;
onHide?: () => any;
"onUpdate:shown"?: (shown: boolean) => any;
"onApply-show"?: () => any;
"onApply-hide"?: () => any;
"onClose-group"?: () => any;
"onClose-directive"?: () => any;
"onAuto-hide"?: () => any;
}, {
placement: import("..").Placement;
strategy: "absolute" | "fixed";
disabled: boolean;
positioningDisabled: boolean;
delay: string | number | {
show: number;
hide: number;
};
distance: string | number;
skidding: string | number;
triggers: import("./PopperWrapper.vue").TriggerEvent[];
showTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
hideTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
popperTriggers: import("./PopperWrapper.vue").TriggerEvent[];
popperShowTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
popperHideTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
container: any;
boundary: any;
autoHide: boolean | ((event: Event) => boolean);
handleResize: boolean;
instantMove: boolean;
eagerMount: boolean;
popperClass: string | unknown[] | Record<string, any>;
computeTransformOrigin: boolean;
autoMinSize: boolean;
autoSize: boolean | "min" | "max";
autoMaxSize: boolean;
autoBoundaryMaxSize: boolean;
preventOverflow: boolean;
overflowPadding: string | number;
arrowPadding: string | number;
arrowOverflow: boolean;
flip: boolean;
shift: boolean;
shiftCrossAxis: boolean;
noAutoFocus: boolean;
disposeTimeout: number;
shown: boolean;
theme: string;
referenceNode: () => Element;
showGroup: string;
ariaId: any;
}, {}>;
export default Component;
+495
View File
@@ -0,0 +1,495 @@
import { computePosition } from '@floating-ui/dom';
import { Placement } from '../util/popper';
export type ComputePositionConfig = Parameters<typeof computePosition>[2];
declare let Element: any;
declare const createPopper: () => import("vue").DefineComponent<{
theme: {
type: StringConstructor;
required: true;
};
targetNodes: {
type: FunctionConstructor;
required: true;
};
referenceNode: {
type: FunctionConstructor;
default: any;
};
popperNode: {
type: FunctionConstructor;
required: true;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: (props: any) => any;
};
positioningDisabled: {
type: BooleanConstructor;
default: (props: any) => any;
};
placement: {
type: StringConstructor;
default: (props: any) => any;
validator: (value: Placement) => boolean;
};
delay: {
type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
triggers: {
type: ArrayConstructor;
default: (props: any) => any;
};
showTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
hideTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
popperTriggers: {
type: ArrayConstructor;
default: (props: any) => any;
};
popperShowTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
popperHideTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
container: {
type: any[];
default: (props: any) => any;
};
boundary: {
type: any[];
default: (props: any) => any;
};
strategy: {
type: StringConstructor;
validator: (value: string) => boolean;
default: (props: any) => any;
};
autoHide: {
type: (FunctionConstructor | BooleanConstructor)[];
default: (props: any) => any;
};
handleResize: {
type: BooleanConstructor;
default: (props: any) => any;
};
instantMove: {
type: BooleanConstructor;
default: (props: any) => any;
};
eagerMount: {
type: BooleanConstructor;
default: (props: any) => any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: (props: any) => any;
};
/**
* @deprecated
*/
autoMinSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoSize: {
type: (StringConstructor | BooleanConstructor)[];
default: (props: any) => any;
};
/**
* @deprecated
*/
autoMaxSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
preventOverflow: {
type: BooleanConstructor;
default: (props: any) => any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
arrowOverflow: {
type: BooleanConstructor;
default: (props: any) => any;
};
flip: {
type: BooleanConstructor;
default: (props: any) => any;
};
shift: {
type: BooleanConstructor;
default: (props: any) => any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: (props: any) => any;
};
noAutoFocus: {
type: BooleanConstructor;
default: (props: any) => any;
};
disposeTimeout: {
type: NumberConstructor;
default: (props: any) => any;
};
}, unknown, {
isShown: boolean;
isMounted: boolean;
skipTransition: boolean;
classes: {
showFrom: boolean;
showTo: boolean;
hideFrom: boolean;
hideTo: boolean;
};
result: {
x: number;
y: number;
placement: string;
strategy: string;
arrow: {
x: number;
y: number;
centerOffset: number;
};
transformOrigin: any;
};
randomId: string;
shownChildren: Set<unknown>;
lastAutoHide: boolean;
pendingHide: boolean;
containsGlobalTarget: boolean;
isDisposed: boolean;
mouseDownContains: boolean;
}, {
popperId(): any;
shouldMountContent(): any;
slotData(): {
popperId: any;
isShown: any;
shouldMountContent: any;
skipTransition: any;
autoHide: any;
show: any;
hide: any;
handleResize: any;
onResize: any;
classes: any;
result: any;
attrs: any;
};
parentPopper(): any;
hasPopperShowTriggerHover(): any;
}, {
show({ event, skipDelay, force }?: {
event?: any;
skipDelay?: boolean;
force?: boolean;
}): void;
hide({ event, skipDelay }?: {
event?: any;
skipDelay?: boolean;
}): void;
init(): void;
dispose(): void;
onResize(): Promise<void>;
$_computePosition(): Promise<void>;
$_scheduleShow(_event: any, skipDelay?: boolean): void;
$_scheduleHide(_event: any, skipDelay?: boolean): void;
$_computeDelay(type: 'show' | 'hide'): number;
$_applyShow(skipTransition?: boolean): Promise<void>;
$_applyShowEffect(): Promise<void>;
$_applyHide(skipTransition?: boolean): Promise<void>;
$_autoShowHide(): void;
$_ensureTeleport(): void;
$_addEventListeners(): void;
$_registerEventListeners(targetNodes: Element[], eventType: string, handler: (event: Event) => void): void;
$_registerTriggerListeners(targetNodes: Element[], eventMap: Record<string, string>, commonTriggers: any, customTrigger: any, handler: (event: Event) => void): void;
$_removeEventListeners(filterEventType?: string): void;
$_refreshListeners(): void;
$_handleGlobalClose(event: any, touch?: boolean): void;
$_detachPopperNode(): void;
$_swapTargetAttrs(attrFrom: any, attrTo: any): void;
$_applyAttrsToTarget(attrs: any): void;
$_updateParentShownChildren(value: any): void;
$_isAimingPopper(): boolean;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
show: () => true;
hide: () => true;
'update:shown': (shown: boolean) => true;
'apply-show': () => true;
'apply-hide': () => true;
'close-group': () => true;
'close-directive': () => true;
'auto-hide': () => true;
resize: () => true;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
theme: {
type: StringConstructor;
required: true;
};
targetNodes: {
type: FunctionConstructor;
required: true;
};
referenceNode: {
type: FunctionConstructor;
default: any;
};
popperNode: {
type: FunctionConstructor;
required: true;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: (props: any) => any;
};
positioningDisabled: {
type: BooleanConstructor;
default: (props: any) => any;
};
placement: {
type: StringConstructor;
default: (props: any) => any;
validator: (value: Placement) => boolean;
};
delay: {
type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
triggers: {
type: ArrayConstructor;
default: (props: any) => any;
};
showTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
hideTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
popperTriggers: {
type: ArrayConstructor;
default: (props: any) => any;
};
popperShowTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
popperHideTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
container: {
type: any[];
default: (props: any) => any;
};
boundary: {
type: any[];
default: (props: any) => any;
};
strategy: {
type: StringConstructor;
validator: (value: string) => boolean;
default: (props: any) => any;
};
autoHide: {
type: (FunctionConstructor | BooleanConstructor)[];
default: (props: any) => any;
};
handleResize: {
type: BooleanConstructor;
default: (props: any) => any;
};
instantMove: {
type: BooleanConstructor;
default: (props: any) => any;
};
eagerMount: {
type: BooleanConstructor;
default: (props: any) => any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: (props: any) => any;
};
/**
* @deprecated
*/
autoMinSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoSize: {
type: (StringConstructor | BooleanConstructor)[];
default: (props: any) => any;
};
/**
* @deprecated
*/
autoMaxSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
preventOverflow: {
type: BooleanConstructor;
default: (props: any) => any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
arrowOverflow: {
type: BooleanConstructor;
default: (props: any) => any;
};
flip: {
type: BooleanConstructor;
default: (props: any) => any;
};
shift: {
type: BooleanConstructor;
default: (props: any) => any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: (props: any) => any;
};
noAutoFocus: {
type: BooleanConstructor;
default: (props: any) => any;
};
disposeTimeout: {
type: NumberConstructor;
default: (props: any) => any;
};
}>> & {
onResize?: () => any;
onShow?: () => any;
onHide?: () => any;
"onUpdate:shown"?: (shown: boolean) => any;
"onApply-show"?: () => any;
"onApply-hide"?: () => any;
"onClose-group"?: () => any;
"onClose-directive"?: () => any;
"onAuto-hide"?: () => any;
}, {
placement: string;
strategy: string;
disabled: boolean;
positioningDisabled: boolean;
delay: string | number | Record<string, any>;
distance: string | number;
skidding: string | number;
triggers: unknown[];
showTriggers: Function | unknown[];
hideTriggers: Function | unknown[];
popperTriggers: unknown[];
popperShowTriggers: Function | unknown[];
popperHideTriggers: Function | unknown[];
container: any;
boundary: any;
autoHide: boolean | Function;
handleResize: boolean;
instantMove: boolean;
eagerMount: boolean;
popperClass: string | unknown[] | Record<string, any>;
computeTransformOrigin: boolean;
autoMinSize: boolean;
autoSize: string | boolean;
autoMaxSize: boolean;
autoBoundaryMaxSize: boolean;
preventOverflow: boolean;
overflowPadding: string | number;
arrowPadding: string | number;
arrowOverflow: boolean;
flip: boolean;
shift: boolean;
shiftCrossAxis: boolean;
noAutoFocus: boolean;
disposeTimeout: number;
shown: boolean;
referenceNode: Function;
showGroup: string;
ariaId: any;
}, {}>;
export declare function recomputeAllPoppers(): void;
export declare function hideAllPoppers(): void;
export default createPopper;
export type PopperInstance = ReturnType<typeof createPopper> extends {
new (): infer T;
} ? T : never;
+474
View File
@@ -0,0 +1,474 @@
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").DefineComponent<{
theme: {
type: StringConstructor;
required: true;
};
targetNodes: {
type: FunctionConstructor;
required: true;
};
referenceNode: {
type: FunctionConstructor;
default: any;
};
popperNode: {
type: FunctionConstructor;
required: true;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: (props: any) => any;
};
positioningDisabled: {
type: BooleanConstructor;
default: (props: any) => any;
};
placement: {
type: StringConstructor;
default: (props: any) => any;
validator: (value: import("..").Placement) => boolean;
};
delay: {
type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
triggers: {
type: ArrayConstructor;
default: (props: any) => any;
};
showTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
hideTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
popperTriggers: {
type: ArrayConstructor;
default: (props: any) => any;
};
popperShowTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
popperHideTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
container: {
type: any[];
default: (props: any) => any;
};
boundary: {
type: any[];
default: (props: any) => any;
};
strategy: {
type: StringConstructor;
validator: (value: string) => boolean;
default: (props: any) => any;
};
autoHide: {
type: (FunctionConstructor | BooleanConstructor)[];
default: (props: any) => any;
};
handleResize: {
type: BooleanConstructor;
default: (props: any) => any;
};
instantMove: {
type: BooleanConstructor;
default: (props: any) => any;
};
eagerMount: {
type: BooleanConstructor;
default: (props: any) => any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoMinSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoSize: {
type: (StringConstructor | BooleanConstructor)[];
default: (props: any) => any;
};
autoMaxSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
preventOverflow: {
type: BooleanConstructor;
default: (props: any) => any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
arrowOverflow: {
type: BooleanConstructor;
default: (props: any) => any;
};
flip: {
type: BooleanConstructor;
default: (props: any) => any;
};
shift: {
type: BooleanConstructor;
default: (props: any) => any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: (props: any) => any;
};
noAutoFocus: {
type: BooleanConstructor;
default: (props: any) => any;
};
disposeTimeout: {
type: NumberConstructor;
default: (props: any) => any;
};
}, unknown, {
isShown: boolean;
isMounted: boolean;
skipTransition: boolean;
classes: {
showFrom: boolean;
showTo: boolean;
hideFrom: boolean;
hideTo: boolean;
};
result: {
x: number;
y: number;
placement: string;
strategy: string;
arrow: {
x: number;
y: number;
centerOffset: number;
};
transformOrigin: any;
};
randomId: string;
shownChildren: Set<unknown>;
lastAutoHide: boolean;
pendingHide: boolean;
containsGlobalTarget: boolean;
isDisposed: boolean;
mouseDownContains: boolean;
}, {
popperId(): any;
shouldMountContent(): any;
slotData(): {
popperId: any;
isShown: any;
shouldMountContent: any;
skipTransition: any;
autoHide: any;
show: any;
hide: any;
handleResize: any;
onResize: any;
classes: any;
result: any;
attrs: any;
};
parentPopper(): any;
hasPopperShowTriggerHover(): any;
}, {
show({ event, skipDelay, force }?: {
event?: any;
skipDelay?: boolean;
force?: boolean;
}): void;
hide({ event, skipDelay }?: {
event?: any;
skipDelay?: boolean;
}): void;
init(): void;
dispose(): void;
onResize(): Promise<void>;
$_computePosition(): Promise<void>;
$_scheduleShow(_event: any, skipDelay?: boolean): void;
$_scheduleHide(_event: any, skipDelay?: boolean): void;
$_computeDelay(type: "show" | "hide"): number;
$_applyShow(skipTransition?: boolean): Promise<void>;
$_applyShowEffect(): Promise<void>;
$_applyHide(skipTransition?: boolean): Promise<void>;
$_autoShowHide(): void;
$_ensureTeleport(): void;
$_addEventListeners(): void;
$_registerEventListeners(targetNodes: Element[], eventType: string, handler: (event: Event) => void): void;
$_registerTriggerListeners(targetNodes: Element[], eventMap: Record<string, string>, commonTriggers: any, customTrigger: any, handler: (event: Event) => void): void;
$_removeEventListeners(filterEventType?: string): void;
$_refreshListeners(): void;
$_handleGlobalClose(event: any, touch?: boolean): void;
$_detachPopperNode(): void;
$_swapTargetAttrs(attrFrom: any, attrTo: any): void;
$_applyAttrsToTarget(attrs: any): void;
$_updateParentShownChildren(value: any): void;
$_isAimingPopper(): boolean;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
show: () => true;
hide: () => true;
'update:shown': (shown: boolean) => true;
'apply-show': () => true;
'apply-hide': () => true;
'close-group': () => true;
'close-directive': () => true;
'auto-hide': () => true;
resize: () => true;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
theme: {
type: StringConstructor;
required: true;
};
targetNodes: {
type: FunctionConstructor;
required: true;
};
referenceNode: {
type: FunctionConstructor;
default: any;
};
popperNode: {
type: FunctionConstructor;
required: true;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: (props: any) => any;
};
positioningDisabled: {
type: BooleanConstructor;
default: (props: any) => any;
};
placement: {
type: StringConstructor;
default: (props: any) => any;
validator: (value: import("..").Placement) => boolean;
};
delay: {
type: (ObjectConstructor | StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
triggers: {
type: ArrayConstructor;
default: (props: any) => any;
};
showTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
hideTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
popperTriggers: {
type: ArrayConstructor;
default: (props: any) => any;
};
popperShowTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
popperHideTriggers: {
type: (FunctionConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
container: {
type: any[];
default: (props: any) => any;
};
boundary: {
type: any[];
default: (props: any) => any;
};
strategy: {
type: StringConstructor;
validator: (value: string) => boolean;
default: (props: any) => any;
};
autoHide: {
type: (FunctionConstructor | BooleanConstructor)[];
default: (props: any) => any;
};
handleResize: {
type: BooleanConstructor;
default: (props: any) => any;
};
instantMove: {
type: BooleanConstructor;
default: (props: any) => any;
};
eagerMount: {
type: BooleanConstructor;
default: (props: any) => any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: (props: any) => any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoMinSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoSize: {
type: (StringConstructor | BooleanConstructor)[];
default: (props: any) => any;
};
autoMaxSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: (props: any) => any;
};
preventOverflow: {
type: BooleanConstructor;
default: (props: any) => any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: (props: any) => any;
};
arrowOverflow: {
type: BooleanConstructor;
default: (props: any) => any;
};
flip: {
type: BooleanConstructor;
default: (props: any) => any;
};
shift: {
type: BooleanConstructor;
default: (props: any) => any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: (props: any) => any;
};
noAutoFocus: {
type: BooleanConstructor;
default: (props: any) => any;
};
disposeTimeout: {
type: NumberConstructor;
default: (props: any) => any;
};
}>> & {
onResize?: () => any;
onShow?: () => any;
onHide?: () => any;
"onUpdate:shown"?: (shown: boolean) => any;
"onApply-show"?: () => any;
"onApply-hide"?: () => any;
"onClose-group"?: () => any;
"onClose-directive"?: () => any;
"onAuto-hide"?: () => any;
}, {
placement: string;
strategy: string;
disabled: boolean;
positioningDisabled: boolean;
delay: string | number | Record<string, any>;
distance: string | number;
skidding: string | number;
triggers: unknown[];
showTriggers: Function | unknown[];
hideTriggers: Function | unknown[];
popperTriggers: unknown[];
popperShowTriggers: Function | unknown[];
popperHideTriggers: Function | unknown[];
container: any;
boundary: any;
autoHide: boolean | Function;
handleResize: boolean;
instantMove: boolean;
eagerMount: boolean;
popperClass: string | unknown[] | Record<string, any>;
computeTransformOrigin: boolean;
autoMinSize: boolean;
autoSize: string | boolean;
autoMaxSize: boolean;
autoBoundaryMaxSize: boolean;
preventOverflow: boolean;
overflowPadding: string | number;
arrowPadding: string | number;
arrowOverflow: boolean;
flip: boolean;
shift: boolean;
shiftCrossAxis: boolean;
noAutoFocus: boolean;
disposeTimeout: number;
shown: boolean;
referenceNode: Function;
showGroup: string;
ariaId: any;
}, {}>, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
export default _default;
@@ -0,0 +1,37 @@
declare const _default: import("vue").DefineComponent<{
popperId: StringConstructor;
theme: StringConstructor;
shown: BooleanConstructor;
mounted: BooleanConstructor;
skipTransition: BooleanConstructor;
autoHide: BooleanConstructor;
handleResize: BooleanConstructor;
classes: ObjectConstructor;
result: ObjectConstructor;
}, unknown, unknown, {}, {
toPx(value: any): string;
}, {
computed: {
themeClass(): string[];
};
}, import("vue").ComponentOptionsMixin, ("resize" | "hide")[], "resize" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
popperId: StringConstructor;
theme: StringConstructor;
shown: BooleanConstructor;
mounted: BooleanConstructor;
skipTransition: BooleanConstructor;
autoHide: BooleanConstructor;
handleResize: BooleanConstructor;
classes: ObjectConstructor;
result: ObjectConstructor;
}>> & {
onResize?: (...args: any[]) => any;
onHide?: (...args: any[]) => any;
}, {
autoHide: boolean;
handleResize: boolean;
shown: boolean;
mounted: boolean;
skipTransition: boolean;
}, {}>;
export default _default;
@@ -0,0 +1,9 @@
declare const _default: {
methods: {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
};
};
export default _default;
@@ -0,0 +1,414 @@
import { type PropType } from 'vue';
import type { Placement } from '../util/popper.js';
export type TriggerEvent = 'hover' | 'click' | 'focus' | 'touch';
declare let Element: any;
declare const _default: import("vue").DefineComponent<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: PropType<Placement>;
default: any;
};
delay: {
type: PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: PropType<TriggerEvent[]>;
default: any;
};
showTriggers: {
type: PropType<TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>)>;
default: any;
};
hideTriggers: {
type: PropType<TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>)>;
default: any;
};
popperTriggers: {
type: PropType<TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: PropType<TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>)>;
default: any;
};
popperHideTriggers: {
type: PropType<TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>)>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
/**
* @deprecated
*/
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: PropType<boolean | "min" | "max">;
default: any;
};
/**
* @deprecated
*/
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}, unknown, unknown, {
finalTheme(): string;
}, {
getTargetNodes(): unknown[];
}, {
computed: {
themeClass(): string[];
};
} | {
methods: {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
};
}, import("vue").ComponentOptionsMixin, {
show: () => true;
hide: () => true;
'update:shown': (shown: boolean) => true;
'apply-show': () => true;
'apply-hide': () => true;
'close-group': () => true;
'close-directive': () => true;
'auto-hide': () => true;
resize: () => true;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: PropType<Placement>;
default: any;
};
delay: {
type: PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: PropType<TriggerEvent[]>;
default: any;
};
showTriggers: {
type: PropType<TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>)>;
default: any;
};
hideTriggers: {
type: PropType<TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>)>;
default: any;
};
popperTriggers: {
type: PropType<TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: PropType<TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>)>;
default: any;
};
popperHideTriggers: {
type: PropType<TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>)>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
/**
* @deprecated
*/
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: PropType<boolean | "min" | "max">;
default: any;
};
/**
* @deprecated
*/
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}>> & {
onResize?: () => any;
onShow?: () => any;
onHide?: () => any;
"onUpdate:shown"?: (shown: boolean) => any;
"onApply-show"?: () => any;
"onApply-hide"?: () => any;
"onClose-group"?: () => any;
"onClose-directive"?: () => any;
"onAuto-hide"?: () => any;
}, {
placement: Placement;
strategy: "absolute" | "fixed";
disabled: boolean;
positioningDisabled: boolean;
delay: string | number | {
show: number;
hide: number;
};
distance: string | number;
skidding: string | number;
triggers: TriggerEvent[];
showTriggers: TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>);
hideTriggers: TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>);
popperTriggers: TriggerEvent[];
popperShowTriggers: TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>);
popperHideTriggers: TriggerEvent[] | ((triggers: Array<TriggerEvent>) => Array<TriggerEvent>);
container: any;
boundary: any;
autoHide: boolean | ((event: Event) => boolean);
handleResize: boolean;
instantMove: boolean;
eagerMount: boolean;
popperClass: string | unknown[] | Record<string, any>;
computeTransformOrigin: boolean;
autoMinSize: boolean;
autoSize: boolean | "min" | "max";
autoMaxSize: boolean;
autoBoundaryMaxSize: boolean;
preventOverflow: boolean;
overflowPadding: string | number;
arrowPadding: string | number;
arrowOverflow: boolean;
flip: boolean;
shift: boolean;
shiftCrossAxis: boolean;
noAutoFocus: boolean;
disposeTimeout: number;
shown: boolean;
theme: string;
referenceNode: () => Element;
showGroup: string;
ariaId: any;
}, {}>;
export default _default;
@@ -0,0 +1,6 @@
declare const _default: (prop?: string) => {
computed: {
themeClass(): string[];
};
};
export default _default;
+398
View File
@@ -0,0 +1,398 @@
declare const Component: import("vue").DefineComponent<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import("vue").PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: import("vue").PropType<import("..").Placement>;
default: any;
};
delay: {
type: import("vue").PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
showTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
hideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperHideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: import("vue").PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: import("vue").PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: import("vue").PropType<boolean | "min" | "max">;
default: any;
};
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}, unknown, unknown, {
finalTheme(): string;
}, {
getTargetNodes(): unknown[];
}, {
computed: {
themeClass(): string[];
};
} | {
methods: {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
};
}, import("vue").ComponentOptionsMixin, {
show: () => true;
hide: () => true;
'update:shown': (shown: boolean) => true;
'apply-show': () => true;
'apply-hide': () => true;
'close-group': () => true;
'close-directive': () => true;
'auto-hide': () => true;
resize: () => true;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
theme: {
type: StringConstructor;
default: any;
};
referenceNode: {
type: import("vue").PropType<() => Element>;
default: any;
};
shown: {
type: BooleanConstructor;
default: boolean;
};
showGroup: {
type: StringConstructor;
default: any;
};
ariaId: {
default: any;
};
disabled: {
type: BooleanConstructor;
default: any;
};
positioningDisabled: {
type: BooleanConstructor;
default: any;
};
placement: {
type: import("vue").PropType<import("..").Placement>;
default: any;
};
delay: {
type: import("vue").PropType<string | number | {
show: number;
hide: number;
}>;
default: any;
};
distance: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
skidding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
triggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
showTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
hideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[]>;
default: any;
};
popperShowTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
popperHideTriggers: {
type: import("vue").PropType<import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[])>;
default: any;
};
container: {
type: any[];
default: any;
};
boundary: {
type: any[];
default: any;
};
strategy: {
type: import("vue").PropType<"absolute" | "fixed">;
default: any;
};
autoHide: {
type: import("vue").PropType<boolean | ((event: Event) => boolean)>;
default: any;
};
handleResize: {
type: BooleanConstructor;
default: any;
};
instantMove: {
type: BooleanConstructor;
default: any;
};
eagerMount: {
type: BooleanConstructor;
default: any;
};
popperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: any;
};
computeTransformOrigin: {
type: BooleanConstructor;
default: any;
};
autoMinSize: {
type: BooleanConstructor;
default: any;
};
autoSize: {
type: import("vue").PropType<boolean | "min" | "max">;
default: any;
};
autoMaxSize: {
type: BooleanConstructor;
default: any;
};
autoBoundaryMaxSize: {
type: BooleanConstructor;
default: any;
};
preventOverflow: {
type: BooleanConstructor;
default: any;
};
overflowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowPadding: {
type: (StringConstructor | NumberConstructor)[];
default: any;
};
arrowOverflow: {
type: BooleanConstructor;
default: any;
};
flip: {
type: BooleanConstructor;
default: any;
};
shift: {
type: BooleanConstructor;
default: any;
};
shiftCrossAxis: {
type: BooleanConstructor;
default: any;
};
noAutoFocus: {
type: BooleanConstructor;
default: any;
};
disposeTimeout: {
type: NumberConstructor;
default: any;
};
}>> & {
onResize?: () => any;
onShow?: () => any;
onHide?: () => any;
"onUpdate:shown"?: (shown: boolean) => any;
"onApply-show"?: () => any;
"onApply-hide"?: () => any;
"onClose-group"?: () => any;
"onClose-directive"?: () => any;
"onAuto-hide"?: () => any;
}, {
placement: import("..").Placement;
strategy: "absolute" | "fixed";
disabled: boolean;
positioningDisabled: boolean;
delay: string | number | {
show: number;
hide: number;
};
distance: string | number;
skidding: string | number;
triggers: import("./PopperWrapper.vue").TriggerEvent[];
showTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
hideTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
popperTriggers: import("./PopperWrapper.vue").TriggerEvent[];
popperShowTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
popperHideTriggers: import("./PopperWrapper.vue").TriggerEvent[] | ((triggers: import("./PopperWrapper.vue").TriggerEvent[]) => import("./PopperWrapper.vue").TriggerEvent[]);
container: any;
boundary: any;
autoHide: boolean | ((event: Event) => boolean);
handleResize: boolean;
instantMove: boolean;
eagerMount: boolean;
popperClass: string | unknown[] | Record<string, any>;
computeTransformOrigin: boolean;
autoMinSize: boolean;
autoSize: boolean | "min" | "max";
autoMaxSize: boolean;
autoBoundaryMaxSize: boolean;
preventOverflow: boolean;
overflowPadding: string | number;
arrowPadding: string | number;
arrowOverflow: boolean;
flip: boolean;
shift: boolean;
shiftCrossAxis: boolean;
noAutoFocus: boolean;
disposeTimeout: number;
shown: boolean;
theme: string;
referenceNode: () => Element;
showGroup: string;
ariaId: any;
}, {}>;
export default Component;
@@ -0,0 +1,67 @@
declare const _default: import("vue").DefineComponent<{
theme: {
type: StringConstructor;
default: string;
};
html: {
type: BooleanConstructor;
default: (props: any) => any;
};
content: {
type: (StringConstructor | FunctionConstructor | NumberConstructor)[];
default: any;
};
loadingContent: {
type: StringConstructor;
default: (props: any) => any;
};
targetNodes: {
type: FunctionConstructor;
required: true;
};
}, unknown, {
asyncContent: string;
}, {
isContentAsync(): boolean;
loading(): boolean;
finalContent(): string;
}, {
fetchContent(force: boolean): void;
onResult(fetchId: any, result: any): void;
onShow(): void;
onHide(): void;
}, {
methods: {
show(...args: any[]): any;
hide(...args: any[]): any;
dispose(...args: any[]): any;
onResize(...args: any[]): any;
};
}, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
theme: {
type: StringConstructor;
default: string;
};
html: {
type: BooleanConstructor;
default: (props: any) => any;
};
content: {
type: (StringConstructor | FunctionConstructor | NumberConstructor)[];
default: any;
};
loadingContent: {
type: StringConstructor;
default: (props: any) => any;
};
targetNodes: {
type: FunctionConstructor;
required: true;
};
}>>, {
theme: string;
html: boolean;
content: string | number | Function;
loadingContent: string;
}, {}>;
export default _default;
+11
View File
@@ -0,0 +1,11 @@
export type FloatingVueConfig = any;
export declare const config: FloatingVueConfig;
/**
* Get default config value depending on theme
*/
export declare function getDefaultConfig(theme: string, key: string): any;
/**
* Theme CSS inheritance
*/
export declare function getThemeClasses(theme: string): string[];
export declare function getAllParentThemes(theme: string): string[];
@@ -0,0 +1,13 @@
declare const _default: {
beforeMount(el: any, { value, modifiers }: {
value: any;
modifiers: any;
}): void;
updated(el: any, { value, oldValue, modifiers }: {
value: any;
oldValue: any;
modifiers: any;
}): void;
beforeUnmount(el: any): void;
};
export default _default;
+27
View File
@@ -0,0 +1,27 @@
import { Ref } from 'vue';
/**
* Support placement as directive modifier
*/
export declare function getPlacement(options: any, modifiers: any): any;
export declare function getOptions(el: any, value: any, modifiers: any): any;
export declare function createTooltip(el: any, value: any, modifiers: any): {
options: any;
item: {
id: number;
options: any;
shown: Ref<boolean>;
};
show(): void;
hide(): void;
};
export declare function destroyTooltip(el: any): void;
export declare function bind(el: any, { value, modifiers }: {
value: any;
modifiers: any;
}): void;
declare const _default: {
beforeMount: typeof bind;
updated: typeof bind;
beforeUnmount(el: any): void;
};
export default _default;
@@ -0,0 +1 @@
export {};
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
+1
View File
@@ -0,0 +1 @@
.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}
+1
View File
@@ -0,0 +1 @@
export declare function assign(to: any, from: any): void;
+2
View File
@@ -0,0 +1,2 @@
export declare let supportsPassive: boolean;
export declare let isIOS: boolean;
+14
View File
@@ -0,0 +1,14 @@
export declare const SHOW_EVENT_MAP: {
hover: string;
focus: string;
click: string;
touch: string;
pointer: string;
};
export declare const HIDE_EVENT_MAP: {
hover: string;
focus: string;
click: string;
touch: string;
pointer: string;
};
+1
View File
@@ -0,0 +1 @@
export declare function nextFrame(): Promise<unknown>;
+1
View File
@@ -0,0 +1 @@
export declare function removeFromArray(array: any, item: any): void;
+3
View File
@@ -0,0 +1,3 @@
import type { Placement as BasePlacement } from '@floating-ui/dom';
export type Placement = BasePlacement | 'auto' | 'auto-start' | 'auto-end';
export declare const placements: Placement[];
+30
View File
@@ -0,0 +1,30 @@
export default async function (_, _nuxt) {
const { addPluginTemplate } = await import('@nuxt/kit')
const nuxt = (this && this.nuxt) || _nuxt
nuxt.options.css.push('floating-vue/dist/style.css')
addPluginTemplate({
filename: 'floating-vue.mjs',
getContents: () => `
import { defineNuxtPlugin } from '#imports'
import FloatingVue from 'floating-vue'
export default defineNuxtPlugin((nuxtApp) => {
// @TODO cutomization
nuxtApp.vueApp.use(FloatingVue)
})
`,
})
// @TODO remove when floating-ui supports native ESM
nuxt.options.build.transpile.push('floating-vue', '@floating-ui/core', '@floating-ui/dom')
// SSR support for v-tooltip directive
nuxt.options.vue.compilerOptions.directiveTransforms = nuxt.options.vue.compilerOptions.directiveTransforms || {}
nuxt.options.vue.compilerOptions.directiveTransforms.tooltip = () => ({
props: [],
needRuntime: true,
})
}
+80
View File
@@ -0,0 +1,80 @@
{
"name": "floating-vue",
"version": "5.2.2",
"description": "Easy Vue tooltips, dropdowns, menus & popovers using floating-ui",
"author": "Guillaume Chau <guillaume.b.chau@gmail.com>",
"main": "dist/floating-vue.umd.js",
"module": "dist/floating-vue.mjs",
"types": "dist/index.d.ts",
"exports": {
".": {
"require": "./dist/floating-vue.umd.js",
"import": "./dist/floating-vue.mjs",
"types": "./dist/index.d.ts"
},
"./nuxt": "./nuxt.mjs",
"./style.css": "./dist/style.css",
"./dist/style.css": "./dist/style.css"
},
"files": [
"dist",
"*.mjs"
],
"dependencies": {
"@floating-ui/dom": "~1.1.1",
"vue-resize": "^2.0.0-alpha.1"
},
"peerDependencies": {
"vue": "^3.2.0",
"@nuxt/kit": "^3.2.0"
},
"peerDependenciesMeta": {
"@nuxt/kit": {
"optional": true
}
},
"devDependencies": {
"@babel/core": "^7.22.5",
"@babel/preset-env": "^7.22.5",
"@nuxt/kit": "^3.6.1",
"@peeky/test": "^0.14.1",
"@vitejs/plugin-vue": "^4.2.3",
"@vue/test-utils": "^1.3.6",
"babel-jest": "^29.5.0",
"cross-env": "^7.0.3",
"fs-extra": "^11.1.1",
"vite": "^4.3.9",
"vue": "^3.3.4",
"vue-tsc": "^1.6.5",
"vue-typegen": "^0.2.0"
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
],
"bugs": {
"url": "https://github.com/Akryum/floating-vue/issues"
},
"homepage": "https://floating-vue.starpad.dev/",
"keywords": [
"vue",
"popper",
"tooltip",
"popover",
"dropdown",
"menu"
],
"license": "MIT",
"repository": {
"type": "git",
"url": "git+https://github.com/Akryum/floating-vue.git",
"directory": "packages/floating-vue"
},
"scripts": {
"dev": "cross-env NODE_ENV=development vite build --watch",
"build": "cross-env NODE_ENV=production vite build && vue-tsc -d --emitDeclarationOnly",
"test": "pnpm run test:unit",
"test:unit": "peeky run"
}
}