various-ui/es/components/table2/src/composable.d.ts

This is a test version of the Vue 3 component library

import type { SetupContext, StyleValue } from "vue";
import { UiTableProps2, UiTableEmits2, UiTableOption2 } from "./component";
export declare const useComposable: (define: UiTableProps2, emits: SetupContext<typeof UiTableEmits2>["emit"]) => {
    ons: {
        animation: {
            "before-enter": (el: Element) => gsap.core.Tween;
            leave: (el: Element, onComplete: () => void) => gsap.core.Tween;
            enter: (el: Element, onComplete: () => void) => gsap.core.Tween;
        };
    };
    refs: {
        sorts: {
            key: string;
            value: string;
        };
        selects: import("vue").Ref<number[], number[]>;
        childrens: import("vue").Ref<number[], number[]>;
    };
    nodes: {
        head: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
        main: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
        bodys: import("vue").Ref<HTMLDivElement[], HTMLDivElement[]>;
        container: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
    };
    watchs: {
        watch_stop: import("vue").WatchHandle;
    };
    methods: {
        init: () => void;
        sort: (data?: UiTableOption2) => void;
        radio: (index?: number) => void;
        select: (index: number) => void;
        checkbox: (index?: number) => void;
        children: (index?: number, callBack?: ((result: boolean) => void) | undefined) => void;
    };
    variable: {
        size: number;
        observer: import("vue").ShallowRef<ResizeObserver | undefined, ResizeObserver | undefined>;
    };
    disposable: {
        body: (data: any, index: number) => {
            class: string;
        } | {
            class?: undefined;
        };
        extra: (data: UiTableOption2) => {
            align: "center";
            trigger: "click";
            direction: "bottom";
            "class-extra-name": string | undefined;
        };
        align: (data: UiTableOption2) => StyleValue;
    };
};