tdesign-vue-next/lib/sticky-tool/index.d.ts

TDesign Component for vue-next

import { TdStickyToolProps, TdStickyItemProps } from './type';
import './style';
export * from './type';
export type StickyToolProps = TdStickyToolProps;
export type StickyItemProps = TdStickyItemProps;
export declare const StickyItem: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: import("vue").PropType<TdStickyToolProps["type"]>;
            default: TdStickyToolProps["type"];
            validator(val: TdStickyToolProps["type"]): boolean;
        };
        shape: {
            type: import("vue").PropType<TdStickyToolProps["shape"]>;
            default: TdStickyToolProps["shape"];
            validator(val: TdStickyToolProps["shape"]): boolean;
        };
        placement: {
            type: import("vue").PropType<TdStickyToolProps["placement"]>;
            default: TdStickyToolProps["placement"];
            validator(val: TdStickyToolProps["placement"]): boolean;
        };
        basePopupProps: import("vue").PropType<import("..").TdPopupProps>;
        baseWidth: {
            type: import("vue").PropType<TdStickyToolProps["width"]>;
        };
        onClick: import("vue").PropType<(context: {
            e: MouseEvent;
            item: TdStickyItemProps;
        }) => void>;
        onHover: import("vue").PropType<(context: {
            e: MouseEvent;
            item: TdStickyItemProps;
        }) => void>;
        icon: {
            type: import("vue").PropType<TdStickyItemProps["icon"]>;
        };
        label: {
            type: import("vue").PropType<TdStickyItemProps["label"]>;
        };
        popup: {
            type: import("vue").PropType<TdStickyItemProps["popup"]>;
        };
        popupProps: {
            type: import("vue").PropType<TdStickyItemProps["popupProps"]>;
        };
        trigger: {
            type: import("vue").PropType<TdStickyItemProps["trigger"]>;
            default: TdStickyItemProps["trigger"];
            validator(val: TdStickyItemProps["trigger"]): boolean;
        };
    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: import("vue").PropType<TdStickyToolProps["type"]>;
            default: TdStickyToolProps["type"];
            validator(val: TdStickyToolProps["type"]): boolean;
        };
        shape: {
            type: import("vue").PropType<TdStickyToolProps["shape"]>;
            default: TdStickyToolProps["shape"];
            validator(val: TdStickyToolProps["shape"]): boolean;
        };
        placement: {
            type: import("vue").PropType<TdStickyToolProps["placement"]>;
            default: TdStickyToolProps["placement"];
            validator(val: TdStickyToolProps["placement"]): boolean;
        };
        basePopupProps: import("vue").PropType<import("..").TdPopupProps>;
        baseWidth: {
            type: import("vue").PropType<TdStickyToolProps["width"]>;
        };
        onClick: import("vue").PropType<(context: {
            e: MouseEvent;
            item: TdStickyItemProps;
        }) => void>;
        onHover: import("vue").PropType<(context: {
            e: MouseEvent;
            item: TdStickyItemProps;
        }) => void>;
        icon: {
            type: import("vue").PropType<TdStickyItemProps["icon"]>;
        };
        label: {
            type: import("vue").PropType<TdStickyItemProps["label"]>;
        };
        popup: {
            type: import("vue").PropType<TdStickyItemProps["popup"]>;
        };
        popupProps: {
            type: import("vue").PropType<TdStickyItemProps["popupProps"]>;
        };
        trigger: {
            type: import("vue").PropType<TdStickyItemProps["trigger"]>;
            default: TdStickyItemProps["trigger"];
            validator(val: TdStickyItemProps["trigger"]): boolean;
        };
    }>>, {
        type: "normal" | "compact";
        shape: "round" | "square";
        placement: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "right-center" | "left-center";
        trigger: "click" | "hover";
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: import("vue").PropType<TdStickyToolProps["type"]>;
            default: TdStickyToolProps["type"];
            validator(val: TdStickyToolProps["type"]): boolean;
        };
        shape: {
            type: import("vue").PropType<TdStickyToolProps["shape"]>;
            default: TdStickyToolProps["shape"];
            validator(val: TdStickyToolProps["shape"]): boolean;
        };
        placement: {
            type: import("vue").PropType<TdStickyToolProps["placement"]>;
            default: TdStickyToolProps["placement"];
            validator(val: TdStickyToolProps["placement"]): boolean;
        };
        basePopupProps: import("vue").PropType<import("..").TdPopupProps>;
        baseWidth: {
            type: import("vue").PropType<TdStickyToolProps["width"]>;
        };
        onClick: import("vue").PropType<(context: {
            e: MouseEvent;
            item: TdStickyItemProps;
        }) => void>;
        onHover: import("vue").PropType<(context: {
            e: MouseEvent;
            item: TdStickyItemProps;
        }) => void>;
        icon: {
            type: import("vue").PropType<TdStickyItemProps["icon"]>;
        };
        label: {
            type: import("vue").PropType<TdStickyItemProps["label"]>;
        };
        popup: {
            type: import("vue").PropType<TdStickyItemProps["popup"]>;
        };
        popupProps: {
            type: import("vue").PropType<TdStickyItemProps["popupProps"]>;
        };
        trigger: {
            type: import("vue").PropType<TdStickyItemProps["trigger"]>;
            default: TdStickyItemProps["trigger"];
            validator(val: TdStickyItemProps["trigger"]): boolean;
        };
    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        type: "normal" | "compact";
        shape: "round" | "square";
        placement: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "right-center" | "left-center";
        trigger: "click" | "hover";
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    type: {
        type: import("vue").PropType<TdStickyToolProps["type"]>;
        default: TdStickyToolProps["type"];
        validator(val: TdStickyToolProps["type"]): boolean;
    };
    shape: {
        type: import("vue").PropType<TdStickyToolProps["shape"]>;
        default: TdStickyToolProps["shape"];
        validator(val: TdStickyToolProps["shape"]): boolean;
    };
    placement: {
        type: import("vue").PropType<TdStickyToolProps["placement"]>;
        default: TdStickyToolProps["placement"];
        validator(val: TdStickyToolProps["placement"]): boolean;
    };
    basePopupProps: import("vue").PropType<import("..").TdPopupProps>;
    baseWidth: {
        type: import("vue").PropType<TdStickyToolProps["width"]>;
    };
    onClick: import("vue").PropType<(context: {
        e: MouseEvent;
        item: TdStickyItemProps;
    }) => void>;
    onHover: import("vue").PropType<(context: {
        e: MouseEvent;
        item: TdStickyItemProps;
    }) => void>;
    icon: {
        type: import("vue").PropType<TdStickyItemProps["icon"]>;
    };
    label: {
        type: import("vue").PropType<TdStickyItemProps["label"]>;
    };
    popup: {
        type: import("vue").PropType<TdStickyItemProps["popup"]>;
    };
    popupProps: {
        type: import("vue").PropType<TdStickyItemProps["popupProps"]>;
    };
    trigger: {
        type: import("vue").PropType<TdStickyItemProps["trigger"]>;
        default: TdStickyItemProps["trigger"];
        validator(val: TdStickyItemProps["trigger"]): boolean;
    };
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    type: "normal" | "compact";
    shape: "round" | "square";
    placement: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "right-center" | "left-center";
    trigger: "click" | "hover";
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export declare const StickyTool: {
    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
        list: {
            type: import("vue").PropType<TdStickyToolProps["list"]>;
            default: () => TdStickyToolProps["list"];
        };
        offset: {
            type: import("vue").PropType<TdStickyToolProps["offset"]>;
        };
        placement: {
            type: import("vue").PropType<TdStickyToolProps["placement"]>;
            default: TdStickyToolProps["placement"];
            validator(val: TdStickyToolProps["placement"]): boolean;
        };
        popupProps: {
            type: import("vue").PropType<TdStickyToolProps["popupProps"]>;
        };
        shape: {
            type: import("vue").PropType<TdStickyToolProps["shape"]>;
            default: TdStickyToolProps["shape"];
            validator(val: TdStickyToolProps["shape"]): boolean;
        };
        type: {
            type: import("vue").PropType<TdStickyToolProps["type"]>;
            default: TdStickyToolProps["type"];
            validator(val: TdStickyToolProps["type"]): boolean;
        };
        width: {
            type: import("vue").PropType<TdStickyToolProps["width"]>;
        };
        onClick: import("vue").PropType<TdStickyToolProps["onClick"]>;
        onHover: import("vue").PropType<TdStickyToolProps["onHover"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
        list: {
            type: import("vue").PropType<TdStickyToolProps["list"]>;
            default: () => TdStickyToolProps["list"];
        };
        offset: {
            type: import("vue").PropType<TdStickyToolProps["offset"]>;
        };
        placement: {
            type: import("vue").PropType<TdStickyToolProps["placement"]>;
            default: TdStickyToolProps["placement"];
            validator(val: TdStickyToolProps["placement"]): boolean;
        };
        popupProps: {
            type: import("vue").PropType<TdStickyToolProps["popupProps"]>;
        };
        shape: {
            type: import("vue").PropType<TdStickyToolProps["shape"]>;
            default: TdStickyToolProps["shape"];
            validator(val: TdStickyToolProps["shape"]): boolean;
        };
        type: {
            type: import("vue").PropType<TdStickyToolProps["type"]>;
            default: TdStickyToolProps["type"];
            validator(val: TdStickyToolProps["type"]): boolean;
        };
        width: {
            type: import("vue").PropType<TdStickyToolProps["width"]>;
        };
        onClick: import("vue").PropType<TdStickyToolProps["onClick"]>;
        onHover: import("vue").PropType<TdStickyToolProps["onHover"]>;
    }>>, {
        list: TdStickyItemProps[];
        type: "normal" | "compact";
        shape: "round" | "square";
        placement: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "right-center" | "left-center";
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly<import("vue").ExtractPropTypes<{
        list: {
            type: import("vue").PropType<TdStickyToolProps["list"]>;
            default: () => TdStickyToolProps["list"];
        };
        offset: {
            type: import("vue").PropType<TdStickyToolProps["offset"]>;
        };
        placement: {
            type: import("vue").PropType<TdStickyToolProps["placement"]>;
            default: TdStickyToolProps["placement"];
            validator(val: TdStickyToolProps["placement"]): boolean;
        };
        popupProps: {
            type: import("vue").PropType<TdStickyToolProps["popupProps"]>;
        };
        shape: {
            type: import("vue").PropType<TdStickyToolProps["shape"]>;
            default: TdStickyToolProps["shape"];
            validator(val: TdStickyToolProps["shape"]): boolean;
        };
        type: {
            type: import("vue").PropType<TdStickyToolProps["type"]>;
            default: TdStickyToolProps["type"];
            validator(val: TdStickyToolProps["type"]): boolean;
        };
        width: {
            type: import("vue").PropType<TdStickyToolProps["width"]>;
        };
        onClick: import("vue").PropType<TdStickyToolProps["onClick"]>;
        onHover: import("vue").PropType<TdStickyToolProps["onHover"]>;
    }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
        list: TdStickyItemProps[];
        type: "normal" | "compact";
        shape: "round" | "square";
        placement: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "right-center" | "left-center";
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
    list: {
        type: import("vue").PropType<TdStickyToolProps["list"]>;
        default: () => TdStickyToolProps["list"];
    };
    offset: {
        type: import("vue").PropType<TdStickyToolProps["offset"]>;
    };
    placement: {
        type: import("vue").PropType<TdStickyToolProps["placement"]>;
        default: TdStickyToolProps["placement"];
        validator(val: TdStickyToolProps["placement"]): boolean;
    };
    popupProps: {
        type: import("vue").PropType<TdStickyToolProps["popupProps"]>;
    };
    shape: {
        type: import("vue").PropType<TdStickyToolProps["shape"]>;
        default: TdStickyToolProps["shape"];
        validator(val: TdStickyToolProps["shape"]): boolean;
    };
    type: {
        type: import("vue").PropType<TdStickyToolProps["type"]>;
        default: TdStickyToolProps["type"];
        validator(val: TdStickyToolProps["type"]): boolean;
    };
    width: {
        type: import("vue").PropType<TdStickyToolProps["width"]>;
    };
    onClick: import("vue").PropType<TdStickyToolProps["onClick"]>;
    onHover: import("vue").PropType<TdStickyToolProps["onHover"]>;
}>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
    list: TdStickyItemProps[];
    type: "normal" | "compact";
    shape: "round" | "square";
    placement: "left-top" | "left-bottom" | "right-top" | "right-bottom" | "right-center" | "left-center";
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
export default StickyTool;