hongluan-ui/lib/components/upload/src/upload-list.vue.d.ts

Hongluan Component Library for Vue 3

import type { UploadFile } from './upload';
declare const _default: import("vue").DefineComponent<{
    readonly files: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./upload").UploadFiles>, unknown, unknown, () => any[], boolean>;
    readonly disabled: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly handlePreview: import("../../../utils").EpPropFinalized<import("vue").PropType<(uploadFile: UploadFile) => void>, unknown, unknown, () => void, boolean>;
    readonly listType: import("../../../utils").EpPropFinalized<StringConstructor, "text" | "card" | "picture", unknown, "text", boolean>;
    readonly crossorigin: {
        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<"" | "anonymous" | "use-credentials">, unknown, unknown>>;
        readonly required: false;
        readonly validator: (val: unknown) => boolean;
        __epPropKey: true;
    };
}, {
    emit: (event: "remove", file: UploadFile) => void;
    t: import("hongluan-ui/es/hooks").Translator;
    disabled: import("vue").ComputedRef<boolean>;
    focusing: import("vue").Ref<boolean>;
    handleRemove: (file: UploadFile) => void;
    HlProgress: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
        percentage: {
            type: NumberConstructor;
            default: number;
            validator: (val: number) => boolean;
        };
        type: StringConstructor;
        format: {
            type: import("vue").PropType<import("hongluan-ui/es/components/progress").ProgressFuncType>;
            default: (percentage: number) => string;
        };
        striped: BooleanConstructor;
        active: BooleanConstructor;
        indicating: BooleanConstructor;
        showText: {
            type: BooleanConstructor;
            default: boolean;
        };
        round: BooleanConstructor;
        showAs: {
            type: StringConstructor;
            default: string;
            validator: (val: string) => boolean;
        };
        stack: {
            type: import("vue").PropType<import("hongluan-ui/es/components/progress").StackType[]>;
            default: () => any[];
            validator: (val: {
                percentage: number;
            }[]) => boolean;
        };
        text: {
            type: StringConstructor;
            default: string;
        };
        strokeWidth: {
            type: StringConstructor;
        };
        trackColor: {
            type: StringConstructor;
        };
        strokeLinecap: {
            type: import("vue").PropType<"round" | "inherit" | "butt" | "square">;
            default: "round" | "inherit" | "butt" | "square";
        };
        color: {
            type: import("vue").PropType<import("hongluan-ui/es/components/progress").ProgressColor>;
            default: string;
        };
        align: {
            type: StringConstructor;
        };
    }, {
        namespace: import("vue").ComputedRef<string>;
        progressRef: import("vue").Ref<HTMLElement>;
        barStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        slotData: import("vue").ComputedRef<{
            text: string;
            percentage: number;
        }>;
        content: import("vue").ComputedRef<string>;
        stackBarStyle: import("vue").ComputedRef<{
            width: string;
        }>;
        radius: import("vue").ComputedRef<number>;
        trackPath: import("vue").ComputedRef<string>;
        perimeter: import("vue").ComputedRef<number>;
        rate: import("vue").ComputedRef<1 | 0.75>;
        strokeDashoffset: import("vue").ComputedRef<string>;
        trailPathStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        circlePathStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        percentage: {
            type: NumberConstructor;
            default: number;
            validator: (val: number) => boolean;
        };
        type: StringConstructor;
        format: {
            type: import("vue").PropType<import("hongluan-ui/es/components/progress").ProgressFuncType>;
            default: (percentage: number) => string;
        };
        striped: BooleanConstructor;
        active: BooleanConstructor;
        indicating: BooleanConstructor;
        showText: {
            type: BooleanConstructor;
            default: boolean;
        };
        round: BooleanConstructor;
        showAs: {
            type: StringConstructor;
            default: string;
            validator: (val: string) => boolean;
        };
        stack: {
            type: import("vue").PropType<import("hongluan-ui/es/components/progress").StackType[]>;
            default: () => any[];
            validator: (val: {
                percentage: number;
            }[]) => boolean;
        };
        text: {
            type: StringConstructor;
            default: string;
        };
        strokeWidth: {
            type: StringConstructor;
        };
        trackColor: {
            type: StringConstructor;
        };
        strokeLinecap: {
            type: import("vue").PropType<"round" | "inherit" | "butt" | "square">;
            default: "round" | "inherit" | "butt" | "square";
        };
        color: {
            type: import("vue").PropType<import("hongluan-ui/es/components/progress").ProgressColor>;
            default: string;
        };
        align: {
            type: StringConstructor;
        };
    }>>, {
        round: boolean;
        active: boolean;
        color: import("hongluan-ui/es/components/progress").ProgressColor;
        text: string;
        strokeLinecap: "round" | "inherit" | "butt" | "square";
        format: import("hongluan-ui/es/components/progress").ProgressFuncType;
        showAs: string;
        percentage: number;
        striped: boolean;
        indicating: boolean;
        showText: boolean;
        stack: import("hongluan-ui/es/components/progress").StackType[];
    }>> & Record<string, any>;
    HlIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        color: StringConstructor;
        border: NumberConstructor;
        opacity: NumberConstructor;
        width: (StringConstructor | NumberConstructor)[];
        height: (StringConstructor | NumberConstructor)[];
        gradient: BooleanConstructor;
        startColor: StringConstructor;
        fill: BooleanConstructor;
        round: BooleanConstructor;
        radius: BooleanConstructor;
        transition: BooleanConstructor;
        effect: StringConstructor;
    }, {
        namespace: import("vue").ComputedRef<string>;
        iconStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
        iconId: string;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        type: {
            type: import("vue").PropType<"success" | "info" | "warning" | "danger" | "link" | "primary">;
            validator: (val: string) => boolean;
        };
        size: {
            type: import("vue").PropType<"xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl">;
            validator: (val: string) => boolean;
        };
        name: {
            type: StringConstructor;
            default: string;
        };
        color: StringConstructor;
        border: NumberConstructor;
        opacity: NumberConstructor;
        width: (StringConstructor | NumberConstructor)[];
        height: (StringConstructor | NumberConstructor)[];
        gradient: BooleanConstructor;
        startColor: StringConstructor;
        fill: BooleanConstructor;
        round: BooleanConstructor;
        radius: BooleanConstructor;
        transition: BooleanConstructor;
        effect: StringConstructor;
    }>>, {
        name: string;
        fill: boolean;
        round: boolean;
        transition: boolean;
        gradient: boolean;
        radius: boolean;
    }>> & Record<string, any>;
    SystemChecked: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemZoomIn: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemClose: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
    SystemFile: import("vue").DefineComponent<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }, {
        CustomIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
            [key: string]: any;
        }>;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        gradient: {
            type: BooleanConstructor;
        };
        borderWidth: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        opacity: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        startColor: {
            type: StringConstructor;
            default: string;
        };
    }>>, {
        opacity: string | number;
        gradient: boolean;
        startColor: string;
        borderWidth: string | number;
    }>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
    remove: (file: UploadFile) => boolean;
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    readonly files: import("../../../utils").EpPropFinalized<import("vue").PropType<import("./upload").UploadFiles>, unknown, unknown, () => any[], boolean>;
    readonly disabled: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
    readonly handlePreview: import("../../../utils").EpPropFinalized<import("vue").PropType<(uploadFile: UploadFile) => void>, unknown, unknown, () => void, boolean>;
    readonly listType: import("../../../utils").EpPropFinalized<StringConstructor, "text" | "card" | "picture", unknown, "text", boolean>;
    readonly crossorigin: {
        readonly type: import("vue").PropType<import("../../../utils").EpPropMergeType<import("vue").PropType<"" | "anonymous" | "use-credentials">, unknown, unknown>>;
        readonly required: false;
        readonly validator: (val: unknown) => boolean;
        __epPropKey: true;
    };
}>> & {
    onRemove?: (file: UploadFile) => any;
}, {
    disabled: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
    listType: import("../../../utils").EpPropMergeType<StringConstructor, "text" | "card" | "picture", unknown>;
    files: import("./upload").UploadFiles;
    handlePreview: (uploadFile: UploadFile) => void;
}>;
export default _default;