@vue-js-cron/ant/dist/index.d.ts

Cron editor for Ant Vue

import { Align } from 'ant-design-vue/lib/dropdown/props';
import { AllowedComponentProps } from 'vue';
import type { App } from 'vue';
import { ButtonHTMLType } from 'ant-design-vue/lib/button/buttonTypes';
import { ButtonShape } from 'ant-design-vue/lib/button';
import { ButtonSize } from 'ant-design-vue/lib/button';
import { ButtonType } from 'ant-design-vue/lib/button';
import { ComponentCustomProps } from 'vue';
import { ComponentOptionsMixin } from 'vue';
import { ComputedRef } from 'vue';
import { CronFormat } from '@vue-js-cron/core';
import { CSSProperties } from 'vue';
import { DefineComponent } from 'vue';
import { DropdownArrowOptions } from 'ant-design-vue/lib/dropdown/props';
import { ExtractPropTypes } from 'vue';
import { Field } from '@vue-js-cron/core';
import { FieldItem } from '@vue-js-cron/core';
import { Localization } from '@vue-js-cron/core';
import { Period } from '@vue-js-cron/core';
import { PropType } from 'vue';
import { Ref } from 'vue';
import { Trigger } from 'ant-design-vue/lib/dropdown/props';
import { VNodeProps } from 'vue';
import { VueTypeValidableDef } from 'vue-types';

export declare const CronAnt: DefineComponent<{
    modelValue: {
        type: StringConstructor;
    };
    period: {
        type: StringConstructor;
    };
    format: {
        type: PropType<CronFormat>;
    };
    locale: {
        type: StringConstructor;
    };
    fields: {
        type: PropType<Field[]>;
    };
    periods: {
        type: PropType<Period[]>;
    };
    customLocale: {
        type: PropType<Localization>;
    };
    cols: {
        type: PropType<Record<string, number>>;
        default: () => {
            second: number;
            minute: number;
            hour: number;
            day: number;
        };
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Properties of Ant Design Vue Button
     *
     * @remarks
     * See {@link https://antdv.com/components/button#api}
     */
    buttonProps: {
        type: PropType<Partial<ExtractPropTypes<{
            prefixCls: StringConstructor;
            type: PropType<ButtonType>;
            htmlType: {
                type: PropType<ButtonHTMLType>;
                default: string;
            };
            shape: {
                type: PropType<ButtonShape>;
            };
            size: {
                type: PropType<ButtonSize>;
            };
            loading: {
                type: PropType<boolean | {
                    delay?: number | undefined;
                }>;
                default: () => boolean | {
                    delay?: number | undefined;
                };
            };
            disabled: {
                type: BooleanConstructor;
                default: any;
            };
            ghost: {
                type: BooleanConstructor;
                default: any;
            };
            block: {
                type: BooleanConstructor;
                default: any;
            };
            danger: {
                type: BooleanConstructor;
                default: any;
            };
            icon: VueTypeValidableDef<any>;
            href: StringConstructor;
            target: StringConstructor;
            title: StringConstructor;
            onClick: {
                type: PropType<(event: MouseEvent) => void>;
            };
            onMousedown: {
                type: PropType<(event: MouseEvent) => void>;
            };
        }>>>;
        default(): {};
    };
    /**
     * Properties of Ant Design Vue Dropdown
     *
     * @remarks
     * See {@link https://antdv.com/components/dropdown#api}
     */
    dropdownProps: {
        type: PropType<Partial<ExtractPropTypes<{
            arrow: {
                type: PropType<boolean | DropdownArrowOptions>;
                default: any;
            };
            trigger: {
                type: PropType<Trigger | Trigger[]>;
            };
            overlay: VueTypeValidableDef<any>;
            visible: {
                type: BooleanConstructor;
                default: any;
            };
            disabled: {
                type: BooleanConstructor;
                default: any;
            };
            align: {
                type: PropType<Align>;
            };
            getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
            prefixCls: StringConstructor;
            transitionName: StringConstructor;
            placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
            overlayClassName: StringConstructor;
            overlayStyle: {
                type: PropType<CSSProperties>;
                default: CSSProperties;
            };
            forceRender: {
                type: BooleanConstructor;
                default: any;
            };
            mouseEnterDelay: NumberConstructor;
            mouseLeaveDelay: NumberConstructor;
            openClassName: StringConstructor;
            minOverlayWidthMatchTrigger: {
                type: BooleanConstructor;
                default: any;
            };
            destroyPopupOnHide: {
                type: BooleanConstructor;
                default: any;
            };
            onVisibleChange: {
                type: PropType<(val: boolean) => void>;
            };
            'onUpdate:visible': {
                type: PropType<(val: boolean) => void>;
            };
        }>>>;
        default: () => void;
    };
}, {
    cron: Ref<string>;
    error: Ref<string>;
    segments: {
        id: string;
        items: FieldItem[];
        cron: Ref<string>;
        selected: Ref<number[]>;
        error: Ref<string>;
        select: (evt: number[]) => void;
        text: Ref<string>;
        prefix: Ref<string>;
        suffix: Ref<string>;
    }[];
    selected: ComputedRef<{
        id: string;
        items: FieldItem[];
        cron: Ref<string>;
        selected: Ref<number[]>;
        error: Ref<string>;
        select: (evt: number[]) => void;
        text: Ref<string>;
        prefix: Ref<string>;
        suffix: Ref<string>;
    }[]>;
    period: {
        select: (periodId: string) => void;
        selected: Ref<{
            id: string;
            value: string[];
            text?: string | undefined;
        } | {
            text: any;
            id: string;
            value: string[];
        }>;
        items: {
            text: any;
            id: string;
            value: string[];
        }[];
        prefix: Ref<string>;
        suffix: Ref<string>;
    };
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:model-value" | "update:period" | "error")[], "update:model-value" | "update:period" | "error", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
    modelValue: {
        type: StringConstructor;
    };
    period: {
        type: StringConstructor;
    };
    format: {
        type: PropType<CronFormat>;
    };
    locale: {
        type: StringConstructor;
    };
    fields: {
        type: PropType<Field[]>;
    };
    periods: {
        type: PropType<Period[]>;
    };
    customLocale: {
        type: PropType<Localization>;
    };
    cols: {
        type: PropType<Record<string, number>>;
        default: () => {
            second: number;
            minute: number;
            hour: number;
            day: number;
        };
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Properties of Ant Design Vue Button
     *
     * @remarks
     * See {@link https://antdv.com/components/button#api}
     */
    buttonProps: {
        type: PropType<Partial<ExtractPropTypes<{
            prefixCls: StringConstructor;
            type: PropType<ButtonType>;
            htmlType: {
                type: PropType<ButtonHTMLType>;
                default: string;
            };
            shape: {
                type: PropType<ButtonShape>;
            };
            size: {
                type: PropType<ButtonSize>;
            };
            loading: {
                type: PropType<boolean | {
                    delay?: number | undefined;
                }>;
                default: () => boolean | {
                    delay?: number | undefined;
                };
            };
            disabled: {
                type: BooleanConstructor;
                default: any;
            };
            ghost: {
                type: BooleanConstructor;
                default: any;
            };
            block: {
                type: BooleanConstructor;
                default: any;
            };
            danger: {
                type: BooleanConstructor;
                default: any;
            };
            icon: VueTypeValidableDef<any>;
            href: StringConstructor;
            target: StringConstructor;
            title: StringConstructor;
            onClick: {
                type: PropType<(event: MouseEvent) => void>;
            };
            onMousedown: {
                type: PropType<(event: MouseEvent) => void>;
            };
        }>>>;
        default(): {};
    };
    /**
     * Properties of Ant Design Vue Dropdown
     *
     * @remarks
     * See {@link https://antdv.com/components/dropdown#api}
     */
    dropdownProps: {
        type: PropType<Partial<ExtractPropTypes<{
            arrow: {
                type: PropType<boolean | DropdownArrowOptions>;
                default: any;
            };
            trigger: {
                type: PropType<Trigger | Trigger[]>;
            };
            overlay: VueTypeValidableDef<any>;
            visible: {
                type: BooleanConstructor;
                default: any;
            };
            disabled: {
                type: BooleanConstructor;
                default: any;
            };
            align: {
                type: PropType<Align>;
            };
            getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
            prefixCls: StringConstructor;
            transitionName: StringConstructor;
            placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
            overlayClassName: StringConstructor;
            overlayStyle: {
                type: PropType<CSSProperties>;
                default: CSSProperties;
            };
            forceRender: {
                type: BooleanConstructor;
                default: any;
            };
            mouseEnterDelay: NumberConstructor;
            mouseLeaveDelay: NumberConstructor;
            openClassName: StringConstructor;
            minOverlayWidthMatchTrigger: {
                type: BooleanConstructor;
                default: any;
            };
            destroyPopupOnHide: {
                type: BooleanConstructor;
                default: any;
            };
            onVisibleChange: {
                type: PropType<(val: boolean) => void>;
            };
            'onUpdate:visible': {
                type: PropType<(val: boolean) => void>;
            };
        }>>>;
        default: () => void;
    };
}>> & {
    "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
    onError?: ((...args: any[]) => any) | undefined;
    "onUpdate:period"?: ((...args: any[]) => any) | undefined;
}, {
    disabled: boolean;
    buttonProps: Partial<ExtractPropTypes<{
        prefixCls: StringConstructor;
        type: PropType<ButtonType>;
        htmlType: {
            type: PropType<ButtonHTMLType>;
            default: string;
        };
        shape: {
            type: PropType<ButtonShape>;
        };
        size: {
            type: PropType<ButtonSize>;
        };
        loading: {
            type: PropType<boolean | {
                delay?: number | undefined;
            }>;
            default: () => boolean | {
                delay?: number | undefined;
            };
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        ghost: {
            type: BooleanConstructor;
            default: any;
        };
        block: {
            type: BooleanConstructor;
            default: any;
        };
        danger: {
            type: BooleanConstructor;
            default: any;
        };
        icon: VueTypeValidableDef<any>;
        href: StringConstructor;
        target: StringConstructor;
        title: StringConstructor;
        onClick: {
            type: PropType<(event: MouseEvent) => void>;
        };
        onMousedown: {
            type: PropType<(event: MouseEvent) => void>;
        };
    }>>;
    dropdownProps: Partial<ExtractPropTypes<{
        arrow: {
            type: PropType<boolean | DropdownArrowOptions>;
            default: any;
        };
        trigger: {
            type: PropType<Trigger | Trigger[]>;
        };
        overlay: VueTypeValidableDef<any>;
        visible: {
            type: BooleanConstructor;
            default: any;
        };
        disabled: {
            type: BooleanConstructor;
            default: any;
        };
        align: {
            type: PropType<Align>;
        };
        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
        prefixCls: StringConstructor;
        transitionName: StringConstructor;
        placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
        overlayClassName: StringConstructor;
        overlayStyle: {
            type: PropType<CSSProperties>;
            default: CSSProperties;
        };
        forceRender: {
            type: BooleanConstructor;
            default: any;
        };
        mouseEnterDelay: NumberConstructor;
        mouseLeaveDelay: NumberConstructor;
        openClassName: StringConstructor;
        minOverlayWidthMatchTrigger: {
            type: BooleanConstructor;
            default: any;
        };
        destroyPopupOnHide: {
            type: BooleanConstructor;
            default: any;
        };
        onVisibleChange: {
            type: PropType<(val: boolean) => void>;
        };
        'onUpdate:visible': {
            type: PropType<(val: boolean) => void>;
        };
    }>>;
    cols: Record<string, number>;
}, {}>;

declare const CronAntPlugin: {
    install: (app: App) => void;
};
export { CronAntPlugin }
export default CronAntPlugin;

/**
 * Props of {@link CronAnt}
 *
 * See {@link @vue-js-cron/core!CronCoreProps | CronCoreProps} for a detailed description of each prop
 *
 * @interface
 */
export declare type CronAntProps = Partial<ExtractPropTypes<ReturnType<typeof cronAntProps>>>;

export declare const cronAntProps: () => {
    modelValue: {
        type: StringConstructor;
    };
    period: {
        type: StringConstructor;
    };
    format: {
        type: PropType<CronFormat>;
    };
    locale: {
        type: StringConstructor;
    };
    fields: {
        type: PropType<Field[]>;
    };
    periods: {
        type: PropType<Period[]>;
    };
    customLocale: {
        type: PropType<Localization>;
    };
    cols: {
        type: PropType<Record<string, number>>;
        default: () => {
            second: number;
            minute: number;
            hour: number;
            day: number;
        };
    };
    disabled: {
        type: BooleanConstructor;
        default: boolean;
    };
    /**
     * Properties of Ant Design Vue Button
     *
     * @remarks
     * See {@link https://antdv.com/components/button#api}
     */
    buttonProps: {
        type: PropType<Partial<ExtractPropTypes<{
            prefixCls: StringConstructor;
            type: PropType<ButtonType>;
            htmlType: {
                type: PropType<ButtonHTMLType>;
                default: string;
            };
            shape: {
                type: PropType<ButtonShape>;
            };
            size: {
                type: PropType<ButtonSize>;
            };
            loading: {
                type: PropType<boolean | {
                    delay?: number | undefined;
                }>;
                default: () => boolean | {
                    delay?: number | undefined;
                };
            };
            disabled: {
                type: BooleanConstructor;
                default: any;
            };
            ghost: {
                type: BooleanConstructor;
                default: any;
            };
            block: {
                type: BooleanConstructor;
                default: any;
            };
            danger: {
                type: BooleanConstructor;
                default: any;
            };
            icon: VueTypeValidableDef<any>;
            href: StringConstructor;
            target: StringConstructor;
            title: StringConstructor;
            onClick: {
                type: PropType<(event: MouseEvent) => void>;
            };
            onMousedown: {
                type: PropType<(event: MouseEvent) => void>;
            };
        }>>>;
        default(): {};
    };
    /**
     * Properties of Ant Design Vue Dropdown
     *
     * @remarks
     * See {@link https://antdv.com/components/dropdown#api}
     */
    dropdownProps: {
        type: PropType<Partial<ExtractPropTypes<{
            arrow: {
                type: PropType<boolean | DropdownArrowOptions>;
                default: any;
            };
            trigger: {
                type: PropType<Trigger | Trigger[]>;
            };
            overlay: VueTypeValidableDef<any>;
            visible: {
                type: BooleanConstructor;
                default: any;
            };
            disabled: {
                type: BooleanConstructor;
                default: any;
            };
            align: {
                type: PropType<Align>;
            };
            getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
            prefixCls: StringConstructor;
            transitionName: StringConstructor;
            placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
            overlayClassName: StringConstructor;
            overlayStyle: {
                type: PropType<CSSProperties>;
                default: CSSProperties;
            };
            forceRender: {
                type: BooleanConstructor;
                default: any;
            };
            mouseEnterDelay: NumberConstructor;
            mouseLeaveDelay: NumberConstructor;
            openClassName: StringConstructor;
            minOverlayWidthMatchTrigger: {
                type: BooleanConstructor;
                default: any;
            };
            destroyPopupOnHide: {
                type: BooleanConstructor;
                default: any;
            };
            onVisibleChange: {
                type: PropType<(val: boolean) => void>;
            };
            'onUpdate:visible': {
                type: PropType<(val: boolean) => void>;
            };
        }>>>;
        default: () => void;
    };
};

export { }