x-next 0.0.0-alpha.7 → 0.0.0-alpha.70

package/dist/{componets/dialog/index.vue.d.ts → components/dialog/Dialog.d.ts}

@@ -12,7 +12,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     top: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     center: {
@@ -20,19 +20,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     title: {
@@ -78,40 +78,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    cls: import('vue').ComputedRef<(string | false | undefined)[]>;
-    ns: string;
-    cn: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    cnOMB: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    messageBoxNs: string;
-    containerStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
-    dialogStyle: import('vue').ComputedRef<import('vue').CSSProperties>;
-    dialogRef: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    teleportContainer: import('vue').ComputedRef<HTMLElement | undefined>;
-    teleportDisabled: import('vue').ComputedRef<boolean>;
-    modelVisible: import('vue').ComputedRef<boolean>;
-    mergeVisible: import('vue').ComputedRef<boolean>;
-    interceptClose: (action: "cancel" | "ok", e?: Event) => void;
-    afterLeave: () => void;
-    afterEnter: () => void;
-    handleMaskClick: () => void;
-    handleCancel: (e: Event) => void;
-    handleOk: (e: Event) => void;
-    loadingObj: {
-        ok: boolean;
-        cancel: boolean;
-    };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     renderTo: {
         type: import('vue').PropType<string | HTMLElement>;
         default: string;
@@ -125,7 +92,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     top: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     center: {
@@ -133,19 +100,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     title: {
@@ -198,15 +165,15 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onOpened?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    top: string | number;
+    center: boolean;
+    disabled: boolean;
     title: string;
     mask: boolean;
-    disabled: boolean;
     height: string | number;
     minHeight: string | number;
     minWidth: string | number;
-    top: string | number;
     width: string | number;
-    center: boolean;
     renderTo: string | HTMLElement;
     modelValue: boolean;
     destroyOnClosed: boolean;

package/dist/components/dialog/index.d.ts

@@ -0,0 +1,334 @@
+export declare const Dialog: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        renderTo: {
+            type: import('vue').PropType<string | HTMLElement>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        top: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        center: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        minWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        minHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnClosed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onBeforeCancel: {
+            type: FunctionConstructor;
+        };
+        maskToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        messageBox: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showHeaderBottomLine: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], import('vue').PublicProps, {
+        top: string | number;
+        center: boolean;
+        disabled: boolean;
+        title: string;
+        mask: boolean;
+        height: string | number;
+        minHeight: string | number;
+        minWidth: string | number;
+        width: string | number;
+        renderTo: string | HTMLElement;
+        modelValue: boolean;
+        destroyOnClosed: boolean;
+        maskToClose: boolean;
+        escToClose: boolean;
+        fullscreen: boolean;
+        messageBox: boolean;
+        popupClass: string;
+        showClose: boolean;
+        showHeaderBottomLine: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        renderTo: {
+            type: import('vue').PropType<string | HTMLElement>;
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        top: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        center: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        minWidth: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        minHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        destroyOnClosed: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onBeforeCancel: {
+            type: FunctionConstructor;
+        };
+        maskToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        escToClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        messageBox: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        popupClass: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        showClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showHeaderBottomLine: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClosed?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }>, () => VNode, {}, {}, {}, {
+        top: string | number;
+        center: boolean;
+        disabled: boolean;
+        title: string;
+        mask: boolean;
+        height: string | number;
+        minHeight: string | number;
+        minWidth: string | number;
+        width: string | number;
+        renderTo: string | HTMLElement;
+        modelValue: boolean;
+        destroyOnClosed: boolean;
+        maskToClose: boolean;
+        escToClose: boolean;
+        fullscreen: boolean;
+        messageBox: boolean;
+        popupClass: string;
+        showClose: boolean;
+        showHeaderBottomLine: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    renderTo: {
+        type: import('vue').PropType<string | HTMLElement>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    top: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    center: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    minWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    minHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    destroyOnClosed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onBeforeCancel: {
+        type: FunctionConstructor;
+    };
+    maskToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    escToClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    messageBox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    popupClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    showClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showHeaderBottomLine: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
+    onOpened?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, () => VNode, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", {
+    top: string | number;
+    center: boolean;
+    disabled: boolean;
+    title: string;
+    mask: boolean;
+    height: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    width: string | number;
+    renderTo: string | HTMLElement;
+    modelValue: boolean;
+    destroyOnClosed: boolean;
+    maskToClose: boolean;
+    escToClose: boolean;
+    fullscreen: boolean;
+    messageBox: boolean;
+    popupClass: string;
+    showClose: boolean;
+    showHeaderBottomLine: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { Dialog as default };

package/dist/{componets → components}/dialog/props.d.ts

@@ -13,7 +13,7 @@ export declare const dialogProps: {
         default: boolean;
     };
     top: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     center: {
@@ -21,19 +21,19 @@ export declare const dialogProps: {
         default: boolean;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     minHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     title: {

package/dist/components/draggable/Draggable.d.ts

@@ -0,0 +1,168 @@
+declare const _default: import('vue').DefineComponent<{
+    [x: string]: /*elided*/ any;
+    modelValue: any[];
+    tag?: string | undefined;
+    target?: string | undefined;
+    customUpdate?: boolean | undefined;
+    clone?: ((element: any) => any) | undefined;
+    immediate?: boolean | undefined;
+    animation?: number | undefined | undefined;
+    chosenClass?: string | undefined | undefined;
+    dataIdAttr?: string | undefined | undefined;
+    delay?: number | undefined | undefined;
+    delayOnTouchOnly?: boolean | undefined | undefined;
+    direction?: ((evt: import('sortablejs').SortableEvent, target: HTMLElement, dragEl: HTMLElement) => import('sortablejs').Direction) | import('sortablejs').Direction | undefined;
+    disabled?: boolean | undefined | undefined;
+    dragClass?: string | undefined | undefined;
+    draggable?: string | undefined | undefined;
+    dragoverBubble?: boolean | undefined | undefined;
+    dropBubble?: boolean | undefined | undefined;
+    emptyInsertThreshold?: number | undefined | undefined;
+    easing?: string | undefined | undefined;
+    fallbackClass?: string | undefined | undefined;
+    fallbackOnBody?: boolean | undefined | undefined;
+    fallbackTolerance?: number | undefined | undefined;
+    fallbackOffset?: {
+        x: number;
+        y: number;
+    } | undefined | undefined;
+    filter?: string | ((this: import("sortablejs"), event: Event | TouchEvent, target: HTMLElement, sortable: import("sortablejs")) => boolean) | undefined | undefined;
+    forceFallback?: boolean | undefined | undefined;
+    ghostClass?: string | undefined | undefined;
+    group?: string | import('sortablejs').GroupOptions | undefined;
+    handle?: string | undefined | undefined;
+    ignore?: string | undefined | undefined;
+    invertSwap?: boolean | undefined | undefined;
+    invertedSwapThreshold?: number | undefined | undefined;
+    preventOnFilter?: boolean | undefined | undefined;
+    removeCloneOnHide?: boolean | undefined | undefined;
+    sort?: boolean | undefined | undefined;
+    store?: {
+        get: (sortable: import("sortablejs")) => string[];
+        set: (sortable: import("sortablejs")) => void;
+    } | undefined | undefined;
+    swapThreshold?: number | undefined | undefined;
+    touchStartThreshold?: number | undefined | undefined;
+    setData?: ((dataTransfer: DataTransfer, draggedElement: HTMLElement) => void) | undefined | undefined;
+    onStart?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onEnd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onAdd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onClone?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onChoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onUnchoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onUpdate?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onSort?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onRemove?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onFilter?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onMove?: ((evt: import('sortablejs').MoveEvent, originalEvent: Event) => boolean | -1 | 1 | void) | undefined | undefined;
+    onChange?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    scroll?: boolean | HTMLElement | undefined;
+    forceAutoScrollFallback?: boolean | undefined | undefined;
+    scrollFn?: ((this: import("sortablejs"), offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => "continue" | void) | undefined | undefined;
+    scrollSensitivity?: number | undefined | undefined;
+    scrollSpeed?: number | undefined | undefined;
+    bubbleScroll?: boolean | undefined | undefined;
+    multiDrag?: boolean | undefined | undefined;
+    selectedClass?: string | undefined | undefined;
+    multiDragKey?: null | undefined | string | undefined;
+    avoidImplicitDeselect?: boolean | undefined | undefined;
+    onSelect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onDeselect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    revertOnSpill?: boolean | undefined | undefined;
+    removeOnSpill?: boolean | undefined | undefined;
+    onSpill?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    swap?: boolean | undefined | undefined;
+    swapClass?: string | undefined | undefined;
+}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("sort" | "filter" | "add" | "change" | "end" | "start" | "clone" | "move" | "update:modelValue" | "remove" | "update" | "choose" | "unchoose")[], "sort" | "filter" | "add" | "change" | "end" | "start" | "clone" | "move" | "update:modelValue" | "remove" | "update" | "choose" | "unchoose", import('vue').PublicProps, Readonly<{
+    [x: string]: /*elided*/ any;
+    modelValue: any[];
+    tag?: string | undefined;
+    target?: string | undefined;
+    customUpdate?: boolean | undefined;
+    clone?: ((element: any) => any) | undefined;
+    immediate?: boolean | undefined;
+    animation?: number | undefined | undefined;
+    chosenClass?: string | undefined | undefined;
+    dataIdAttr?: string | undefined | undefined;
+    delay?: number | undefined | undefined;
+    delayOnTouchOnly?: boolean | undefined | undefined;
+    direction?: ((evt: import('sortablejs').SortableEvent, target: HTMLElement, dragEl: HTMLElement) => import('sortablejs').Direction) | import('sortablejs').Direction | undefined;
+    disabled?: boolean | undefined | undefined;
+    dragClass?: string | undefined | undefined;
+    draggable?: string | undefined | undefined;
+    dragoverBubble?: boolean | undefined | undefined;
+    dropBubble?: boolean | undefined | undefined;
+    emptyInsertThreshold?: number | undefined | undefined;
+    easing?: string | undefined | undefined;
+    fallbackClass?: string | undefined | undefined;
+    fallbackOnBody?: boolean | undefined | undefined;
+    fallbackTolerance?: number | undefined | undefined;
+    fallbackOffset?: {
+        x: number;
+        y: number;
+    } | undefined | undefined;
+    filter?: string | ((this: import("sortablejs"), event: Event | TouchEvent, target: HTMLElement, sortable: import("sortablejs")) => boolean) | undefined | undefined;
+    forceFallback?: boolean | undefined | undefined;
+    ghostClass?: string | undefined | undefined;
+    group?: string | import('sortablejs').GroupOptions | undefined;
+    handle?: string | undefined | undefined;
+    ignore?: string | undefined | undefined;
+    invertSwap?: boolean | undefined | undefined;
+    invertedSwapThreshold?: number | undefined | undefined;
+    preventOnFilter?: boolean | undefined | undefined;
+    removeCloneOnHide?: boolean | undefined | undefined;
+    sort?: boolean | undefined | undefined;
+    store?: {
+        get: (sortable: import("sortablejs")) => string[];
+        set: (sortable: import("sortablejs")) => void;
+    } | undefined | undefined;
+    swapThreshold?: number | undefined | undefined;
+    touchStartThreshold?: number | undefined | undefined;
+    setData?: ((dataTransfer: DataTransfer, draggedElement: HTMLElement) => void) | undefined | undefined;
+    onStart?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onEnd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onAdd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onClone?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onChoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onUnchoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onUpdate?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onSort?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onRemove?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onFilter?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onMove?: ((evt: import('sortablejs').MoveEvent, originalEvent: Event) => boolean | -1 | 1 | void) | undefined | undefined;
+    onChange?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    scroll?: boolean | HTMLElement | undefined;
+    forceAutoScrollFallback?: boolean | undefined | undefined;
+    scrollFn?: ((this: import("sortablejs"), offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => "continue" | void) | undefined | undefined;
+    scrollSensitivity?: number | undefined | undefined;
+    scrollSpeed?: number | undefined | undefined;
+    bubbleScroll?: boolean | undefined | undefined;
+    multiDrag?: boolean | undefined | undefined;
+    selectedClass?: string | undefined | undefined;
+    multiDragKey?: null | undefined | string | undefined;
+    avoidImplicitDeselect?: boolean | undefined | undefined;
+    onSelect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onDeselect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    revertOnSpill?: boolean | undefined | undefined;
+    removeOnSpill?: boolean | undefined | undefined;
+    onSpill?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    swap?: boolean | undefined | undefined;
+    swapClass?: string | undefined | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+    onUpdate?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+    onEnd?: ((...args: any[]) => any) | undefined;
+    onClone?: ((...args: any[]) => any) | undefined;
+    onChoose?: ((...args: any[]) => any) | undefined;
+    onUnchoose?: ((...args: any[]) => any) | undefined;
+    onSort?: ((...args: any[]) => any) | undefined;
+    onFilter?: ((...args: any[]) => any) | undefined;
+    onMove?: ((...args: any[]) => any) | undefined;
+}>, {} | {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/draggable/directive.d.ts

@@ -0,0 +1,6 @@
+import { ObjectDirective } from 'vue';
+import { MaybeRef } from './types';
+import { UseDraggableOptions } from './useDraggable';
+type VDraggableBinding = [list: MaybeRef<any[]>, options?: MaybeRef<UseDraggableOptions<any>>];
+export declare const vDraggable: ObjectDirective<HTMLElement, VDraggableBinding | MaybeRef<any[]>>;
+export {};