export declare const SgSteps: import("../../utils").SFCWithInstall<import("vue").DefineComponent<{
    space: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    activeStep: {
        type: NumberConstructor;
        default: number;
    };
    direction: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
    alignCenter: {
        type: BooleanConstructor;
        default: boolean;
    };
    simple: {
        type: BooleanConstructor;
        default: boolean;
    };
    finishStatus: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
    processStatus: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
    completedSymbol: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
    lineSize: NumberConstructor;
    contentDirection: {
        type: StringConstructor;
        default: string;
    };
}, {
    steps: import("vue").Ref<never[]>;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "on-step-item-click")[], "change" | "on-step-item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    space: {
        type: (StringConstructor | NumberConstructor)[];
        default: string;
    };
    activeStep: {
        type: NumberConstructor;
        default: number;
    };
    direction: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
    alignCenter: {
        type: BooleanConstructor;
        default: boolean;
    };
    simple: {
        type: BooleanConstructor;
        default: boolean;
    };
    finishStatus: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
    processStatus: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
    completedSymbol: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
    lineSize: NumberConstructor;
    contentDirection: {
        type: StringConstructor;
        default: string;
    };
}>> & {
    onChange?: ((...args: any[]) => any) | undefined;
    "onOn-step-item-click"?: ((...args: any[]) => any) | undefined;
}, {
    direction: string;
    space: string | number;
    simple: boolean;
    activeStep: number;
    alignCenter: boolean;
    finishStatus: string;
    processStatus: string;
    completedSymbol: string;
    contentDirection: string;
}>> & {
    Step: import("vue").DefineComponent<{
        title: {
            type: StringConstructor;
            default: string;
        };
        icon: {
            type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
            default: string;
        };
        description: {
            type: StringConstructor;
            default: string;
        };
        status: {
            type: StringConstructor;
            default: string;
            validator: (val: string) => boolean;
        };
    }, {
        index: import("vue").Ref<number>;
        lineStyle: import("vue").ComputedRef<Record<string, unknown>>;
        lineSize: import("vue").ComputedRef<string[] | undefined>;
        currentStatus: import("vue").ComputedRef<string>;
        isCenter: import("vue").ComputedRef<boolean>;
        isContentRow: import("vue").ComputedRef<boolean>;
        isVertical: import("vue").ComputedRef<boolean>;
        isSimple: import("vue").ComputedRef<boolean>;
        isLast: import("vue").ComputedRef<boolean>;
        space: import("vue").ComputedRef<string | number>;
        style: import("vue").ComputedRef<Record<string, unknown>>;
        parent: import("./src/item.vue").IStepsInject;
        directionStyle: import("vue").ComputedRef<Record<string, unknown>>;
        setIndex: (val: any) => void;
        calcProgress: (status: any) => void;
        updateStatus: (activeIndex: any) => void;
        handleItemClick: (index: number) => void;
    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-step-item-click"[], "on-step-item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
        title: {
            type: StringConstructor;
            default: string;
        };
        icon: {
            type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
            default: string;
        };
        description: {
            type: StringConstructor;
            default: string;
        };
        status: {
            type: StringConstructor;
            default: string;
            validator: (val: string) => boolean;
        };
    }>> & {
        "onOn-step-item-click"?: ((...args: any[]) => any) | undefined;
    }, {
        title: string;
        description: string;
        icon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
        status: string;
    }>;
};
export default SgSteps;
export declare const SgStep: import("../../utils").SFCWithInstall<import("vue").DefineComponent<{
    title: {
        type: StringConstructor;
        default: string;
    };
    icon: {
        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
        default: string;
    };
    description: {
        type: StringConstructor;
        default: string;
    };
    status: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
}, {
    index: import("vue").Ref<number>;
    lineStyle: import("vue").ComputedRef<Record<string, unknown>>;
    lineSize: import("vue").ComputedRef<string[] | undefined>;
    currentStatus: import("vue").ComputedRef<string>;
    isCenter: import("vue").ComputedRef<boolean>;
    isContentRow: import("vue").ComputedRef<boolean>;
    isVertical: import("vue").ComputedRef<boolean>;
    isSimple: import("vue").ComputedRef<boolean>;
    isLast: import("vue").ComputedRef<boolean>;
    space: import("vue").ComputedRef<string | number>;
    style: import("vue").ComputedRef<Record<string, unknown>>;
    parent: import("./src/item.vue").IStepsInject;
    directionStyle: import("vue").ComputedRef<Record<string, unknown>>;
    setIndex: (val: any) => void;
    calcProgress: (status: any) => void;
    updateStatus: (activeIndex: any) => void;
    handleItemClick: (index: number) => void;
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "on-step-item-click"[], "on-step-item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
    title: {
        type: StringConstructor;
        default: string;
    };
    icon: {
        type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
        default: string;
    };
    description: {
        type: StringConstructor;
        default: string;
    };
    status: {
        type: StringConstructor;
        default: string;
        validator: (val: string) => boolean;
    };
}>> & {
    "onOn-step-item-click"?: ((...args: any[]) => any) | undefined;
}, {
    title: string;
    description: string;
    icon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
    status: string;
}>>;