vft 0.0.149 → 0.0.151

package/lib/components/select/useSelect.d.ts

@@ -92,97 +92,52 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
-    calculatorRef: HTMLElement;
+    calculatorRef: globalThis.Ref<HTMLElement>;
     controlRef: globalThis.Ref<null>;
     inputRef: globalThis.Ref<null>;
     menuRef: globalThis.Ref<null>;
     popper: globalThis.Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: {
-            style?: import("vue").StyleValue | undefined;
+        $props: Partial<{}> & Omit<{
+            readonly style?: string | false | CSSProperties | import("vue").StyleValue[] | null | undefined;
             readonly content?: string | undefined;
             readonly zIndex?: number | undefined;
             readonly offset?: number | undefined;
             readonly transition?: string | undefined;
-            key?: string | number | symbol | undefined;
-            ref?: import("vue").VNodeRef | undefined;
-            class?: unknown;
-            readonly showAfter?: number | undefined;
-            readonly hideAfter?: number | undefined;
-            readonly open?: boolean | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-            onHide?: ((...args: any[]) => any) | undefined;
-            readonly placement?: import("@popperjs/core").Placement | undefined;
-            readonly strategy?: "fixed" | "absolute" | undefined;
-            readonly effect?: "light" | "dark" | undefined;
-            readonly id?: string | undefined;
-            readonly onFocus?: Function | undefined;
             readonly onBlur?: Function | undefined;
-            readonly onKeydown?: Function | undefined;
             readonly onClick?: Function | undefined;
             readonly onContextmenu?: Function | undefined;
+            readonly onFocus?: Function | undefined;
+            readonly onKeydown?: Function | undefined;
             readonly onMouseenter?: Function | undefined;
             readonly onMouseleave?: Function | undefined;
+            readonly showAfter?: number | undefined;
+            readonly hideAfter?: number | undefined;
+            readonly open?: boolean | undefined;
+            readonly placement?: any;
+            readonly strategy?: "absolute" | "fixed" | undefined;
+            readonly id?: string | undefined;
             readonly className?: import("../types").ClassType | undefined;
             readonly ariaLabel?: string | undefined;
             readonly role?: "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree" | undefined;
             readonly disabled?: boolean | undefined;
             readonly trigger?: import("vft/es/components/tooltip").TooltipTriggerType | undefined;
-            ref_for?: boolean | undefined;
-            ref_key?: string | undefined;
-            onVnodeBeforeMount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeMounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUpdate?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUpdated?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>, oldVNode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeBeforeUnmount?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onVnodeUnmounted?: ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void) | ((vnode: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                [key: string]: any;
-            }>) => void)[] | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
             readonly appendTo?: any;
             readonly visible?: boolean | undefined;
+            readonly effect?: "light" | "dark" | undefined;
+            readonly teleported?: boolean | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
-            readonly fallbackPlacements?: import("@popperjs/core").Placement[] | undefined;
-            readonly popperOptions?: Partial<import("@popperjs/core").Options> | undefined;
+            readonly fallbackPlacements?: Placement[] | undefined;
+            readonly popperOptions?: any;
             readonly pure?: boolean | undefined;
             readonly boundariesPadding?: number | undefined;
             readonly enterable?: boolean | undefined;
             readonly focusOnShow?: boolean | undefined;
             readonly trapping?: boolean | undefined;
             readonly popperClass?: import("../types").ClassType | undefined;
-            readonly popperStyle?: import("vue").StyleValue | undefined;
+            readonly popperStyle?: string | false | CSSProperties | import("vue").StyleValue[] | null | undefined;
             readonly referenceEl?: HTMLElement | undefined;
             readonly triggerTargetEl?: HTMLElement | undefined;
             readonly stopPopperMouseEvent?: boolean | undefined;
@@ -190,13 +145,164 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             readonly virtualRef?: import("..").Measurable | undefined;
             readonly rawContent?: boolean | undefined;
             readonly persistent?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
-            onOpen?: ((...args: any[]) => any) | undefined;
             readonly triggerKeys?: string[] | undefined;
             readonly showArrow?: boolean | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-        };
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<ExtractPropTypes<{
+            role: {
+                type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
+            };
+            showArrow: {
+                type: globalThis.PropType<boolean>;
+            };
+            arrowOffset: {
+                type: globalThis.PropType<number>;
+            };
+            virtualRef: {
+                type: globalThis.PropType<import("..").Measurable>;
+            };
+            virtualTriggering: {
+                type: globalThis.PropType<boolean>;
+            };
+            onMouseenter: {
+                type: globalThis.PropType<Function>;
+            };
+            onMouseleave: {
+                type: globalThis.PropType<Function>;
+            };
+            onClick: {
+                type: globalThis.PropType<Function>;
+            };
+            onKeydown: {
+                type: globalThis.PropType<Function>;
+            };
+            onFocus: {
+                type: globalThis.PropType<Function>;
+            };
+            onBlur: {
+                type: globalThis.PropType<Function>;
+            };
+            onContextmenu: {
+                type: globalThis.PropType<Function>;
+            };
+            id: {
+                type: globalThis.PropType<string>;
+            };
+            open: {
+                type: globalThis.PropType<boolean>;
+            };
+            boundariesPadding: {
+                type: globalThis.PropType<number>;
+            };
+            fallbackPlacements: {
+                type: globalThis.PropType<Placement[]>;
+            };
+            gpuAcceleration: {
+                type: globalThis.PropType<boolean>;
+            };
+            offset: {
+                type: globalThis.PropType<number>;
+            };
+            placement: {
+                type: globalThis.PropType<any>;
+            };
+            popperOptions: {
+                type: globalThis.PropType<any>;
+            };
+            strategy: {
+                type: globalThis.PropType<"absolute" | "fixed">;
+            };
+            style: {
+                type: globalThis.PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            className: {
+                type: globalThis.PropType<import("../types").ClassType>;
+            };
+            effect: {
+                type: globalThis.PropType<"light" | "dark">;
+            };
+            visible: {
+                type: globalThis.PropType<boolean>;
+            };
+            enterable: {
+                type: globalThis.PropType<boolean>;
+            };
+            pure: {
+                type: globalThis.PropType<boolean>;
+            };
+            focusOnShow: {
+                type: globalThis.PropType<boolean>;
+            };
+            trapping: {
+                type: globalThis.PropType<boolean>;
+            };
+            popperClass: {
+                type: globalThis.PropType<import("../types").ClassType>;
+            };
+            popperStyle: {
+                type: globalThis.PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
+            };
+            referenceEl: {
+                type: globalThis.PropType<HTMLElement>;
+            };
+            triggerTargetEl: {
+                type: globalThis.PropType<HTMLElement>;
+            };
+            stopPopperMouseEvent: {
+                type: globalThis.PropType<boolean>;
+            };
+            ariaLabel: {
+                type: globalThis.PropType<string>;
+            };
+            zIndex: {
+                type: globalThis.PropType<number>;
+            };
+            showAfter: {
+                type: globalThis.PropType<number>;
+            };
+            hideAfter: {
+                type: globalThis.PropType<number>;
+            };
+            appendTo: {
+                type: globalThis.PropType<any>;
+            };
+            content: {
+                type: globalThis.PropType<string>;
+            };
+            rawContent: {
+                type: globalThis.PropType<boolean>;
+            };
+            persistent: {
+                type: globalThis.PropType<boolean>;
+            };
+            transition: {
+                type: globalThis.PropType<string>;
+            };
+            teleported: {
+                type: globalThis.PropType<boolean>;
+            };
+            disabled: {
+                type: globalThis.PropType<boolean>;
+            };
+            trigger: {
+                type: globalThis.PropType<import("vft/es/components/tooltip").TooltipTriggerType>;
+            };
+            triggerKeys: {
+                type: globalThis.PropType<string[]>;
+            };
+        }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
+            onShow?: ((...args: any[]) => any) | undefined;
+            onHide?: ((...args: any[]) => any) | undefined;
+            onOpen?: ((...args: any[]) => any) | undefined;
+            "onBefore-show"?: ((...args: any[]) => any) | undefined;
+            "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+        }, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -208,7 +314,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         }>;
         $root: globalThis.ComponentPublicInstance | null;
         $parent: globalThis.ComponentPublicInstance | null;
-        $emit: ((event: "open", ...args: any[]) => void) & ((event: "close", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
+        $emit: ((event: "close", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "hide", ...args: any[]) => void) & ((event: "show", ...args: any[]) => void) & ((event: "before-show", ...args: any[]) => void) & ((event: "before-hide", ...args: any[]) => void);
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
             role: {
@@ -257,7 +363,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: globalThis.PropType<number>;
             };
             fallbackPlacements: {
-                type: globalThis.PropType<import("@popperjs/core").Placement[]>;
+                type: globalThis.PropType<Placement[]>;
             };
             gpuAcceleration: {
                 type: globalThis.PropType<boolean>;
@@ -266,16 +372,16 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: globalThis.PropType<number>;
             };
             placement: {
-                type: globalThis.PropType<import("@popperjs/core").Placement>;
+                type: globalThis.PropType<any>;
             };
             popperOptions: {
-                type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
+                type: globalThis.PropType<any>;
             };
             strategy: {
-                type: globalThis.PropType<"fixed" | "absolute">;
+                type: globalThis.PropType<"absolute" | "fixed">;
             };
             style: {
-                type: globalThis.PropType<import("vue").StyleValue>;
+                type: globalThis.PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
             };
             className: {
                 type: globalThis.PropType<import("../types").ClassType>;
@@ -302,7 +408,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: globalThis.PropType<import("../types").ClassType>;
             };
             popperStyle: {
-                type: globalThis.PropType<import("vue").StyleValue>;
+                type: globalThis.PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
             };
             referenceEl: {
                 type: globalThis.PropType<HTMLElement>;
@@ -353,9 +459,9 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
                 type: globalThis.PropType<string[]>;
             };
         }>> & {
+            onClose?: ((...args: any[]) => any) | undefined;
             onShow?: ((...args: any[]) => any) | undefined;
             onHide?: ((...args: any[]) => any) | undefined;
-            onClose?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
             "onBefore-show"?: ((...args: any[]) => any) | undefined;
             "onBefore-hide"?: ((...args: any[]) => any) | undefined;
@@ -368,8 +474,8 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             onClose: (event?: Event | undefined) => void;
             hide: (event?: Event | undefined) => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            open: (...args: any[]) => void;
             close: (...args: any[]) => void;
+            open: (...args: any[]) => void;
             hide: (...args: any[]) => void;
             show: (...args: any[]) => void;
             "before-show": (...args: any[]) => void;
@@ -394,7 +500,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<ExtractPropTypes<{
+    } & Omit<Readonly<ExtractPropTypes<{
         role: {
             type: globalThis.PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation" | "tree">;
         };
@@ -441,7 +547,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: globalThis.PropType<number>;
         };
         fallbackPlacements: {
-            type: globalThis.PropType<import("@popperjs/core").Placement[]>;
+            type: globalThis.PropType<Placement[]>;
         };
         gpuAcceleration: {
             type: globalThis.PropType<boolean>;
@@ -450,16 +556,16 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: globalThis.PropType<number>;
         };
         placement: {
-            type: globalThis.PropType<import("@popperjs/core").Placement>;
+            type: globalThis.PropType<any>;
         };
         popperOptions: {
-            type: globalThis.PropType<Partial<import("@popperjs/core").Options>>;
+            type: globalThis.PropType<any>;
         };
         strategy: {
-            type: globalThis.PropType<"fixed" | "absolute">;
+            type: globalThis.PropType<"absolute" | "fixed">;
         };
         style: {
-            type: globalThis.PropType<import("vue").StyleValue>;
+            type: globalThis.PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
         };
         className: {
             type: globalThis.PropType<import("../types").ClassType>;
@@ -486,7 +592,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: globalThis.PropType<import("../types").ClassType>;
         };
         popperStyle: {
-            type: globalThis.PropType<import("vue").StyleValue>;
+            type: globalThis.PropType<string | false | CSSProperties | import("vue").StyleValue[] | null>;
         };
         referenceEl: {
             type: globalThis.PropType<HTMLElement>;
@@ -537,13 +643,13 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
             type: globalThis.PropType<string[]>;
         };
     }>> & {
+        onClose?: ((...args: any[]) => any) | undefined;
         onShow?: ((...args: any[]) => any) | undefined;
         onHide?: ((...args: any[]) => any) | undefined;
-        onClose?: ((...args: any[]) => any) | undefined;
         onOpen?: ((...args: any[]) => any) | undefined;
         "onBefore-show"?: ((...args: any[]) => any) | undefined;
         "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
+    }, "onClose" | "hide" | "contentRef" | "updatePopper" | "onOpen" | "popperRef" | "isFocusInsideContent"> & import("vue").ShallowUnwrapRef<{
         popperRef: globalThis.Ref<any>;
         contentRef: globalThis.Ref<any>;
         isFocusInsideContent: () => boolean | undefined;
@@ -574,7 +680,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         created?: boolean | undefined;
         value: any;
     }[]>;
-    debouncedOnInputChange: import("lodash").DebouncedFunc<() => Promise<void>>;
+    debouncedOnInputChange: any;
     deleteTag: (event: MouseEvent, tag: Option) => Promise<void> | undefined;
     getLabel: (item: unknown) => any;
     getValueKey: (item: unknown) => any;

package/lib/components/side-menu/index.d.ts

@@ -45,9 +45,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         default: boolean;
     };
     dragOption: {
-        type: globalThis.PropType<import("sortablejs").Options & {
-            dragClassName: string;
-        }>;
+        type: globalThis.PropType<any>;
     };
     dragWidthCfg: {
         type: globalThis.PropType<boolean | {
@@ -80,7 +78,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:collapse": (val: boolean) => void;
     "update:width": (val: string | number) => void;
-    dragEnd: (oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => void;
+    dragEnd: (oldIndex: SortableEvent, newIndex: SortableEvent) => void;
     dragWidthEnd: () => void;
     select: (val: {
         route: string;
@@ -89,7 +87,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     subMenuClick: (val: any) => void;
     menuItemMouseenter: (val: any) => void;
     menuItemMouseleave: (val: any) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     height: {
         type: globalThis.PropType<string>;
         default: string;
@@ -136,9 +134,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
         default: boolean;
     };
     dragOption: {
-        type: globalThis.PropType<import("sortablejs").Options & {
-            dragClassName: string;
-        }>;
+        type: globalThis.PropType<any>;
     };
     dragWidthCfg: {
         type: globalThis.PropType<boolean | {
@@ -173,7 +169,7 @@ export declare const VftSideMenu: import("vft/es/utils").SFCWithInstall<import("
     }) => any) | undefined;
     "onUpdate:collapse"?: ((val: boolean) => any) | undefined;
     "onUpdate:width"?: ((val: string | number) => any) | undefined;
-    onDragEnd?: ((oldIndex: import("sortablejs").SortableEvent, newIndex: import("sortablejs").SortableEvent) => any) | undefined;
+    onDragEnd?: ((oldIndex: SortableEvent, newIndex: SortableEvent) => any) | undefined;
     onDragWidthEnd?: (() => any) | undefined;
     onSubMenuClick?: ((val: any) => any) | undefined;
     onMenuItemMouseenter?: ((val: any) => any) | undefined;