Documentation
    Preparing search index...
    Index
    • Parameters

      • ...args: any[]

      Returns CronQuasar

    $: ComponentInternalInstance
    $attrs: Attrs
    $data: {}
    $el: any
    $emit: (
        event: "update:model-value" | "update:period" | "error",
        ...args: any[],
    ) => void
    $forceUpdate: () => void
    $host: Element | null
    $nextTick: {
        (): Promise<void>;
        <T, R>(this: T, fn: (this: T) => R | Promise<R>): Promise<R>;
    }
    $options: ComponentOptionsBase<
        Readonly<
            ExtractPropTypes<
                {
                    buttonProps: {
                        type: ObjectConstructor;
                        default(): { color: string; outline: boolean; rounded: boolean };
                    };
                    clearable: { default: boolean; type: BooleanConstructor };
                    cols: {
                        default: () => {
                            day: number;
                            hour: number;
                            minute: number;
                            second: number;
                        };
                        type: PropType<Record<string, number>>;
                    };
                    customLocale: { type: PropType<Localization> };
                    disabled: { default: boolean; type: BooleanConstructor };
                    fields: { type: PropType<Field[]> };
                    format: { type: PropType<CronFormat> };
                    locale: { type: StringConstructor };
                    modelValue: { type: StringConstructor };
                    period: { type: StringConstructor };
                    periods: { type: PropType<Period[]> };
                },
            >,
        > & Readonly<
            {
                onError?: (...args: any[]) => any;
                "onUpdate:model-value"?: (...args: any[]) => any;
                "onUpdate:period"?: (...args: any[]) => any;
            },
        >,
        {
            cron: Ref<string, string>;
            error: Ref<string, string>;
            period: {
                items: { id: string; text: any; value: string[] }[];
                prefix: Ref<string, string>;
                select: (periodId: string) => void;
                selected: Ref<
                    | { id: string; text?: string; value: string[] }
                    | { id: string; text: any; value: string[] },

                        | Period
                        | { id: string; text: any; value: string[] }
                        | { id: string; text?: string; value: string[] }
                        | { id: string; text: any; value: string[] },
                >;
                suffix: Ref<string, string>;
            };
            segments: {
                cron: Ref<string, string>;
                error: Ref<string, string>;
                id: string;
                items: FieldItem[];
                prefix: Ref<string, string>;
                select: (evt: number[]) => void;
                selected: Ref<number[], number[]>;
                suffix: Ref<string, string>;
                text: Ref<string, string>;
            }[];
            selected: ComputedRef<
                {
                    cron: Ref<string, string>;
                    error: Ref<string, string>;
                    id: string;
                    items: FieldItem[];
                    prefix: Ref<string, string>;
                    select: (evt: number[]) => void;
                    selected: Ref<number[], number[]>;
                    suffix: Ref<string, string>;
                    text: Ref<string, string>;
                }[],
            >;
        },
        {},
        {},
        {},
        ComponentOptionsMixin,
        ComponentOptionsMixin,
        ("update:model-value" | "update:period" | "error")[],
        string,
        {
            buttonProps: Record<string, any>;
            clearable: boolean;
            cols: Record<string, number>;
            disabled: boolean;
        },
        {},
        string,
        {},
        {
            CustomSelect: DefineComponent<
                ExtractPropTypes<
                    {
                        buttonProps: { default: () => void; type: ObjectConstructor };
                        clearable: { default: boolean; type: BooleanConstructor };
                        cols: { default: number; type: NumberConstructor };
                        disabled: { default: boolean; type: BooleanConstructor };
                        items: { default: () => never[]; type: PropType<any[]> };
                        itemText: {
                            default: string;
                            type: PropType<string | ((item: ...) => ...)>;
                        };
                        itemValue: {
                            default: string;
                            type: PropType<string | ((item: ...) => ...)>;
                        };
                        menuProps: { default: () => void; type: ObjectConstructor };
                        modelValue: { type: PropType<string | number | (...)[]> };
                        multiple: { default: boolean; type: BooleanConstructor };
                        selection: { type: StringConstructor };
                    },
                >,
                {
                    add: (item: any) => void;
                    clear: () => void;
                    equals: (items: any[]) => boolean;
                    has: (item: any) => boolean;
                    isEmpty: ComputedRef<boolean>;
                    itemRows: any[][];
                    remove: (item: any) => void;
                    select: (item: any) => void;
                    selected: Ref<
                        | string
                        | number
                        | (string | number)[]
                        | (string | number | (...)[] | undefined)[]
                        | undefined,

                            | string
                            | number
                            | (string | number)[]
                            | (string | number | (...)[] | undefined)[]
                            | undefined,
                    >;
                    selectedStr: Ref<string, string>;
                    setItems: (items: any[]) => void;
                    setValues: (
                        values:
                            | string
                            | number
                            | (string | number)[]
                            | (string | number | (...)[] | undefined)[]
                            | undefined,
                    ) => void;
                    toggle: (item: any) => void;
                    updated: Ref<number, number>;
                    values: Set<any>;
                },
                {},
                {},
                {},
                ComponentOptionsMixin,
                ComponentOptionsMixin,
                "update:model-value"[],
                "update:model-value",
                PublicProps,
                Readonly<
                    ExtractPropTypes<
                        {
                            buttonProps: { default: () => ...; type: ObjectConstructor };
                            clearable: { default: boolean; type: BooleanConstructor };
                            cols: { default: number; type: NumberConstructor };
                            disabled: { default: boolean; type: BooleanConstructor };
                            items: { default: () => ...; type: PropType<(...)> };
                            itemText: { default: string; type: PropType<(...)> };
                            itemValue: { default: string; type: PropType<(...)> };
                            menuProps: { default: () => ...; type: ObjectConstructor };
                            modelValue: { type: PropType<(...)> };
                            multiple: { default: boolean; type: BooleanConstructor };
                            selection: { type: StringConstructor };
                        },
                    >,
                > & Readonly<{ "onUpdate:model-value"?: (...args: (...)[]) => any }>,
                {
                    buttonProps: Record<string, any>;
                    clearable: boolean;
                    cols: number;
                    disabled: boolean;
                    items: any[];
                    itemText: string | ((item: any) => string);
                    itemValue: string | ((item: any) => string | number);
                    menuProps: Record<string, any>;
                    multiple: boolean;
                },
                {},
                {
                    QBtn: ComponentConstructor<QBtn>;
                    QIcon: ComponentConstructor<QIcon>;
                    QItem: ComponentConstructor<QItem>;
                    QMenu: ComponentConstructor<QMenu>;
                },
                {},
                string,
                ComponentProvideOptions,
                true,
                {},
                any,
            >;
        } & GlobalComponents,
        GlobalDirectives,
        string,
        ComponentProvideOptions,
    > & MergedComponentOptionsOverride
    $parent:
        | ComponentPublicInstance<
            {},
            {},
            {},
            {},
            {},
            {},
            {},
            {},
            false,
            ComponentOptionsBase<
                any,
                any,
                any,
                any,
                any,
                any,
                any,
                any,
                any,
                {},
                {},
                string,
                {},
                {},
                {},
                string,
                ComponentProvideOptions,
            >,
            {},
            {},
            "",
            {},
            any,
        >
        | null
    $props: Partial<
        {
            buttonProps: Record<string, any>;
            clearable: boolean;
            cols: Record<string, number>;
            disabled: boolean;
        },
    > & Omit<
        {
            buttonProps: Record<string, any>;
            clearable: boolean;
            cols: Record<string, number>;
            customLocale?: Localization;
            disabled: boolean;
            fields?: Field[];
            format?: CronFormat;
            locale?: string;
            modelValue?: string;
            onError?: (...args: any[]) => any;
            "onUpdate:model-value"?: (...args: any[]) => any;
            "onUpdate:period"?: (...args: any[]) => any;
            period?: string;
            periods?: Period[];
        } & VNodeProps & AllowedComponentProps & ComponentCustomProps,
        "cols"
        | "disabled"
        | "clearable"
        | "buttonProps",
    >
    $q: QVueGlobals
    $refs: Data
    $root:
        | ComponentPublicInstance<
            {},
            {},
            {},
            {},
            {},
            {},
            {},
            {},
            false,
            ComponentOptionsBase<
                any,
                any,
                any,
                any,
                any,
                any,
                any,
                any,
                any,
                {},
                {},
                string,
                {},
                {},
                {},
                string,
                ComponentProvideOptions,
            >,
            {},
            {},
            "",
            {},
            any,
        >
        | null
    $slots: UnwrapSlotsType<S>
    buttonProps: Record<string, any>
    clearable: boolean
    cols: Record<string, number>
    cron: string
    customLocale?: Localization
    disabled: boolean
    error: string
    fields?: Field[]
    format?: CronFormat
    locale?: string
    modelValue?: string
    onError?: (...args: any[]) => any
    "onUpdate:model-value"?: (...args: any[]) => any
    "onUpdate:period"?: (...args: any[]) => any
    period: {
        items: { id: string; text: any; value: string[] }[];
        prefix: Ref<string, string>;
        select: (periodId: string) => void;
        selected: Ref<
            | { id: string; text?: string; value: string[] }
            | { id: string; text: any; value: string[] },

                | Period
                | { id: string; text: any; value: string[] }
                | { id: string; text?: string; value: string[] }
                | { id: string; text: any; value: string[] },
        >;
        suffix: Ref<string, string>;
    }
    periods?: Period[]
    segments: {
        cron: Ref<string, string>;
        error: Ref<string, string>;
        id: string;
        items: FieldItem[];
        prefix: Ref<string, string>;
        select: (evt: number[]) => void;
        selected: Ref<number[], number[]>;
        suffix: Ref<string, string>;
        text: Ref<string, string>;
    }[]
    selected: {
        cron: Ref<string, string>;
        error: Ref<string, string>;
        id: string;
        items: FieldItem[];
        prefix: Ref<string, string>;
        select: (evt: number[]) => void;
        selected: Ref<number[], number[]>;
        suffix: Ref<string, string>;
        text: Ref<string, string>;
    }[]
    vClosePopup: ClosePopup

    If value is 0 or 'false' then directive is disabled; if value is < 0 then it closes all popups in the chain; if value is 1 or 'true' or undefined then it closes only the parent popup; if value is > 1 it closes the specified number of parent popups in the chain (note that chained QMenus are considered 1 popup only & QPopupProxy separates chained menus)

    vIntersection: Intersection

    Function to call when scrolling occurs (identical to description of 'handler' prop of the Object form); If using the Object form, it is HIGHLY recommended to reference it from your vue component scope, otherwise the directive update cycle will continuously recreate the observer which hits performance hard

    Modifiers:

    • once:
      • type: boolean
      • description: Call handler only once, when the conditions are first met
      • examples:
        • v-intersection.once

    vMorph: Morph

    Configuration object or trigger value

    Directive argument:

    • type: string
    • description: x:x2:y:z, where x is the morph element name, x2 is the morph group, y is the animation duration (in milliseconds) and z is the amount of time to wait (in milliseconds) or the 'transitionend' string
    • examples:
      • v-morph:name="options"

      • v-morph:name:groupName="options"

      • v-morph:name:groupName:400="options"

      • v-morph:name:groupName:400:100="options"

      • v-morph:name:groupName:400:transitionend="options"

    Modifiers:

    • resize:
      • type: boolean
      • description: Use resize instead of scale transform for morph (forceResize option of the morph function)
    • useCSS:
      • type: boolean
      • description: Use CSS animations for morph (forceCssAnimation option of the morph function)
    • hideFromClone:
      • type: boolean
      • description: Hide the spacer for the initial element (hideFromClone option of the morph function)
    • keepToClone:
      • type: boolean
      • description: Keep the final element visible while morphing (keepToClone option of the morph function)
    • tween:
      • type: boolean
      • description: Use opacity tween morphing between initial and final elements (tween option of the morph function)
    vMutation: Mutation

    Function to call when mutation occurs; It is HIGHLY recommended to reference it from your vue component scope, otherwise the directive update cycle will continuously recreate the observer which hits performance hard

    Modifiers:

    • once:
      • type: boolean
      • description: Call handler only once, when the first mutation was triggered, then stop monitoring
      • examples:
        • v-mutation.once

    • childList:
      • type: boolean
      • description: Monitor the target node (and, if 'subtree' is also set, its descendants) for the addition of new child nodes or removal of existing child nodes
      • examples:
        • v-mutation.childList

    • subtree:
      • type: boolean
      • description: Extend monitoring to the entire subtree of nodes rooted at target
      • examples:
        • v-mutation.subtree

    • attributes:
      • type: boolean
      • description: Watch for changes to the value of attributes on the node or nodes being monitored
      • examples:
        • v-mutation.attributes

    • characterData:
      • type: boolean
      • description: Monitor the specified target node or subtree for changes to the character data contained within the node or nodes
      • examples:
        • v-mutation.characterData

    • attributeOldValue:
      • type: boolean
      • description: Record the previous value of any attribute that changes when monitoring the node or nodes for attribute changes
      • examples:
        • v-mutation.attributeOldValue

    • characterDataOldValue:
      • type: boolean
      • description: Record the previous value of a node's text whenever the text changes on nodes being monitored
      • examples:
        • v-mutation.characterDataOldValue

    vRipple: Ripple

    Boolean (if just wanting to enable/disable) or Object for configuring more options

    Directive argument:

    • type: string
    • description: Color name from Quasar Color Palette; Overrides default dynamic color
    • examples:
      • v-ripple:orange-5

    Modifiers:

    • early:
      • type: boolean
      • description: Trigger early/immediately on user interaction
    • stop:
      • type: boolean
      • description: Stop click/touch event propagation
      • examples:
        • v-ripple.stop

    • center:
      • type: boolean
      • description: Ripple starts from the absolute center
      • examples:
        • v-ripple.center

    vScroll: Scroll

    Function to call when scrolling occurs (use undefined to disable)

    vScrollFire: ScrollFire

    Function to call when scrolling and element comes into the viewport (use undefined to disable)

    vTouchHold: TouchHold

    Function to call after user has hold touch/click for the specified amount of time (use undefined to disable)

    Directive argument:

    • type: string
    • default: '600:5:7'
    • description: x:y:z, where x is the amount of time to wait (in milliseconds), y is the touch event sensitivity (in pixels) and z is the mouse event sensitivity (in pixels)
    • examples:
      • v-touch-hold:400="fnToCall"

      • v-touch-hold:400:15="fnToCall"

      • v-touch-hold:400:10:10="fnToCall"

    Modifiers:

    • capture:
      • type: boolean
      • description: Use capture for touchstart event
    • mouse:
      • type: boolean
      • description: Listen for mouse events too
    • mouseCapture:
      • type: boolean
      • description: Use capture for mousedown event
    vTouchPan: TouchPan

    Handler for panning (use undefined to disable)

    Modifiers:

    • stop:
      • type: boolean
      • description: Stop event propagation for touch events
    • prevent:
      • type: boolean
      • description: Calls event.preventDefault() for touch events
    • capture:
      • type: boolean
      • description: Use capture for touchstart event
    • mouse:
      • type: boolean
      • description: Listen for mouse events too
    • mouseCapture:
      • type: boolean
      • description: Use capture for mousedown event
    • mouseAllDir:
      • type: boolean
      • description: Ignore initial mouse move direction (do not abort if the first mouse move is in an unaccepted direction)
    • preserveCursor:
      • type: boolean
      • description: Prevent the mouse cursor from automatically displaying as grabbing when panning
    • horizontal:
      • type: boolean
      • description: Catch horizontal (left/right) movement
    • vertical:
      • type: boolean
      • description: Catch vertical (up/down) movement
    • up:
      • type: boolean
      • description: Catch panning to up
    • right:
      • type: boolean
      • description: Catch panning to right
    • down:
      • type: boolean
      • description: Catch panning to down
    • left:
      • type: boolean
      • description: Catch panning to left
    vTouchRepeat: TouchRepeat

    Handler for touch-repeat (use undefined to disable)

    Directive argument:

    • type: string
    • default: '0:600:300'
    • description: String of numbers (at least one number) separated by ':' which defines the amount of time to wait for 1st handler call, 2nd, 3rd and so on; All subsequent calls will use last value as time to wait until triggering
    • examples:
      • v-touch-repeat:0:400="fnToCall"

    Modifiers:

    • capture:
      • type: boolean
      • description: Use capture for touchstart event
    • mouse:
      • type: boolean
      • description: Listen for mouse events too
    • mouseCapture:
      • type: boolean
      • description: Use capture for mousedown event
    • keyCapture:
      • type: boolean
      • description: Use capture for keydown event
    • esc:
      • type: boolean
      • description: Catch ESC key
    • tab:
      • type: boolean
      • description: Catch TAB key
    • enter:
      • type: boolean
      • description: Catch ENTER key
    • space:
      • type: boolean
      • description: Catch SPACE key
    • up:
      • type: boolean
      • description: Catch UP arrow key
    • left:
      • type: boolean
      • description: Catch LEFT arrow key
    • right:
      • type: boolean
      • description: Catch RIGHT arrow key
    • down:
      • type: boolean
      • description: Catch DOWN key
    • delete:
      • type: boolean
      • description: Catch DELETE key
    • [keycode]:
      • type: number
      • description: Key code to catch
      • examples:
        • v-touch-repeat.68="fnToCall"

    vTouchSwipe: TouchSwipe

    Handler for swipe (use undefined to disable)

    Directive argument:

    • type: string
    • default: '6e-2:6:50'
    • description: x:y:z, where x is minimum velocity (dist/time; please use float without a dot, example: 6e-2 which is equivalent to 6 * 10^-2 = 0.06), y is minimum distance on first move on mobile, z is minimum distance on desktop until deciding if it's a swipe indeed
    • examples:
      • v-touch-swipe:7e-2:10:100="fnToCall"

    Modifiers:

    • capture:
      • type: boolean
      • description: Use capture for touchstart event
    • mouse:
      • type: boolean
      • description: Listen for mouse events too
    • mouseCapture:
      • type: boolean
      • description: Use capture for mousedown event
    • horizontal:
      • type: boolean
      • description: Catch horizontal (left/right) movement
    • vertical:
      • type: boolean
      • description: Catch vertical (up/down) movement
    • up:
      • type: boolean
      • description: Catch swipe to up
    • right:
      • type: boolean
      • description: Catch swipe to right
    • down:
      • type: boolean
      • description: Catch swipe to down
    • left:
      • type: boolean
      • description: Catch swipe to left
    __defaults?: {
        buttonProps: Record<string, any>;
        clearable: boolean;
        cols: Record<string, number>;
        disabled: boolean;
    }
    __differentiator?: undefined

    #3468

    type-only, used to assist Mixin's type inference, TypeScript will try to simplify the inferred Mixin type, with the __differentiator, TypeScript won't be able to combine different mixins, because the __differentiator will be different

    __file?: string

    This one should be exposed so that devtools can make use of it

    __isBuiltIn?: boolean

    Compat build only, for bailing out of certain compatibility behavior

    __isFragment?: undefined
    __isSuspense?: undefined
    __isTeleport?: undefined
    __name?: string

    name inferred from filename

    call?: (this: unknown, ...args: unknown[]) => never
    class?: unknown
    compatConfig?: CompatConfig
    compilerOptions?: RuntimeCompilerOptions
    components?: {
        CustomSelect: DefineComponent<
            ExtractPropTypes<
                {
                    buttonProps: { default: () => void; type: ObjectConstructor };
                    clearable: { default: boolean; type: BooleanConstructor };
                    cols: { default: number; type: NumberConstructor };
                    disabled: { default: boolean; type: BooleanConstructor };
                    items: { default: () => never[]; type: PropType<any[]> };
                    itemText: {
                        default: string;
                        type: PropType<string | ((item: any) => string)>;
                    };
                    itemValue: {
                        default: string;
                        type: PropType<string | ((item: any) => (...) | (...))>;
                    };
                    menuProps: { default: () => void; type: ObjectConstructor };
                    modelValue: { type: PropType<string | number | ((...) | (...))[]> };
                    multiple: { default: boolean; type: BooleanConstructor };
                    selection: { type: StringConstructor };
                },
            >,
            {
                add: (item: any) => void;
                clear: () => void;
                equals: (items: any[]) => boolean;
                has: (item: any) => boolean;
                isEmpty: ComputedRef<boolean>;
                itemRows: any[][];
                remove: (item: any) => void;
                select: (item: any) => void;
                selected: Ref<
                    | string
                    | number
                    | (string | number)[]
                    | (string | number | ((...) | (...))[] | undefined)[]
                    | undefined,

                        | string
                        | number
                        | (string | number)[]
                        | (string | number | ((...) | (...))[] | undefined)[]
                        | undefined,
                >;
                selectedStr: Ref<string, string>;
                setItems: (items: any[]) => void;
                setValues: (
                    values:
                        | string
                        | number
                        | (string | number)[]
                        | (string | number | ((...) | (...))[] | undefined)[]
                        | undefined,
                ) => void;
                toggle: (item: any) => void;
                updated: Ref<number, number>;
                values: Set<any>;
            },
            {},
            {},
            {},
            ComponentOptionsMixin,
            ComponentOptionsMixin,
            "update:model-value"[],
            "update:model-value",
            PublicProps,
            Readonly<
                ExtractPropTypes<
                    {
                        buttonProps: { default: () => void; type: ObjectConstructor };
                        clearable: { default: boolean; type: BooleanConstructor };
                        cols: { default: number; type: NumberConstructor };
                        disabled: { default: boolean; type: BooleanConstructor };
                        items: { default: () => (...)[]; type: PropType<(...)[]> };
                        itemText: { default: string; type: PropType<(...) | (...)> };
                        itemValue: { default: string; type: PropType<(...) | (...)> };
                        menuProps: { default: () => void; type: ObjectConstructor };
                        modelValue: { type: PropType<(...) | (...) | (...)> };
                        multiple: { default: boolean; type: BooleanConstructor };
                        selection: { type: StringConstructor };
                    },
                >,
            > & Readonly<{ "onUpdate:model-value"?: (...args: any[]) => any }>,
            {
                buttonProps: Record<string, any>;
                clearable: boolean;
                cols: number;
                disabled: boolean;
                items: any[];
                itemText: string | ((item: any) => string);
                itemValue: string | ((item: any) => string | number);
                menuProps: Record<string, any>;
                multiple: boolean;
            },
            {},
            {
                QBtn: ComponentConstructor<QBtn>;
                QIcon: ComponentConstructor<QIcon>;
                QItem: ComponentConstructor<QItem>;
                QMenu: ComponentConstructor<QMenu>;
            },
            {},
            string,
            ComponentProvideOptions,
            true,
            {},
            any,
        >;
    } & GlobalComponents & Record<
        string,
        Component<any, any, any, ComputedOptions, MethodOptions, {}, any>,
    >
    computed?: {}
    data?: (
        this: CreateComponentPublicInstanceWithMixins<
            Readonly<
                ExtractPropTypes<
                    {
                        buttonProps: {
                            type: ObjectConstructor;
                            default(): { color: string; outline: boolean; rounded: boolean };
                        };
                        clearable: { default: boolean; type: BooleanConstructor };
                        cols: {
                            default: () => {
                                day: number;
                                hour: number;
                                minute: number;
                                second: number;
                            };
                            type: PropType<Record<string, number>>;
                        };
                        customLocale: { type: PropType<Localization> };
                        disabled: { default: boolean; type: BooleanConstructor };
                        fields: { type: PropType<Field[]> };
                        format: { type: PropType<CronFormat> };
                        locale: { type: StringConstructor };
                        modelValue: { type: StringConstructor };
                        period: { type: StringConstructor };
                        periods: { type: PropType<Period[]> };
                    },
                >,
            > & Readonly<
                {
                    onError?: (...args: any[]) => any;
                    "onUpdate:model-value"?: (...args: any[]) => any;
                    "onUpdate:period"?: (...args: any[]) => any;
                },
            >,
            {},
            {},
            {},
            MethodOptions,
            ComponentOptionsMixin,
            ComponentOptionsMixin,
        >,
        vm: CreateComponentPublicInstanceWithMixins<
            Readonly<
                ExtractPropTypes<
                    {
                        buttonProps: {
                            type: ObjectConstructor;
                            default(): { color: string; outline: boolean; rounded: boolean };
                        };
                        clearable: { default: boolean; type: BooleanConstructor };
                        cols: {
                            default: () => {
                                day: number;
                                hour: number;
                                minute: number;
                                second: number;
                            };
                            type: PropType<Record<string, number>>;
                        };
                        customLocale: { type: PropType<Localization> };
                        disabled: { default: boolean; type: BooleanConstructor };
                        fields: { type: PropType<Field[]> };
                        format: { type: PropType<CronFormat> };
                        locale: { type: StringConstructor };
                        modelValue: { type: StringConstructor };
                        period: { type: StringConstructor };
                        periods: { type: PropType<Period[]> };
                    },
                >,
            > & Readonly<
                {
                    onError?: (...args: any[]) => any;
                    "onUpdate:model-value"?: (...args: any[]) => any;
                    "onUpdate:period"?: (...args: any[]) => any;
                },
            >,
            {},
            {},
            {},
            MethodOptions,
            ComponentOptionsMixin,
            ComponentOptionsMixin,
        >,
    ) => {}
    delimiters?: [string, string]

    runtime compile only

    use compilerOptions.delimiters instead.

    directives?: GlobalDirectives & Record<string, Directive<any, any, string, any>>
    emits?: ("update:model-value" | "update:period" | "error")[] & ThisType<void>
    errorCaptured?: ErrorCapturedHook<unknown>
    expose?: string[]
    extends?: ComponentOptionsMixin
    filters?: Record<string, Function>
    inheritAttrs?: boolean
    inject?: {} | string[]
    key?: PropertyKey
    methods?: {}
    mixins?: ComponentOptionsMixin[]
    name?: string
    onVnodeBeforeMount?: VNodeMountHook | VNodeMountHook[]
    onVnodeBeforeUnmount?: VNodeMountHook | VNodeMountHook[]
    onVnodeBeforeUpdate?: VNodeUpdateHook | VNodeUpdateHook[]
    onVnodeMounted?: VNodeMountHook | VNodeMountHook[]
    onVnodeUnmounted?: VNodeMountHook | VNodeMountHook[]
    onVnodeUpdated?: VNodeUpdateHook | VNodeUpdateHook[]
    provide?: ComponentProvideOptions
    ref?: VNodeRef
    ref_for?: boolean
    ref_key?: string
    render?: Function
    renderTracked?: DebuggerHook
    renderTriggered?: DebuggerHook
    setup?: (
        this: void,
        props: LooseRequired<
            Props & Prettify<
                UnwrapMixinsType<
                    IntersectionMixin<Mixin> & IntersectionMixin<Extends>,
                    "P",
                >,
            >,
        >,
        ctx: {
            attrs: Attrs;
            emit: (
                event: "update:model-value" | "update:period" | "error",
                ...args: any[],
            ) => void;
            expose: <Exposed extends Record<string, any> = Record<string, any>>(
                exposed?: Exposed,
            ) => void;
            slots: UnwrapSlotsType<S>;
        },
    ) => | void
    | {
        cron: Ref<string, string>;
        error: Ref<string, string>;
        period: {
            items: { id: string; text: any; value: string[] }[];
            prefix: Ref<string, string>;
            select: (periodId: string) => void;
            selected: Ref<
                | { id: string; text?: string; value: string[] }
                | { id: string; text: any; value: string[] },

                    | Period
                    | { id: string; text: any; value: string[] }
                    | { id: string; text?: string; value: string[] }
                    | { id: string; text: any; value: string[] },
            >;
            suffix: Ref<string, string>;
        };
        segments: {
            cron: Ref<string, string>;
            error: Ref<string, string>;
            id: string;
            items: FieldItem[];
            prefix: Ref<string, string>;
            select: (evt: number[]) => void;
            selected: Ref<number[], number[]>;
            suffix: Ref<string, string>;
            text: Ref<string, string>;
        }[];
        selected: ComputedRef<
            {
                cron: Ref<string, string>;
                error: Ref<string, string>;
                id: string;
                items: FieldItem[];
                prefix: Ref<string, string>;
                select: (evt: number[]) => void;
                selected: Ref<number[], number[]>;
                suffix: Ref<string, string>;
                text: Ref<string, string>;
            }[],
        >;
    }
    | RenderFunction
    | Promise<
        {
            cron: Ref<string, string>;
            error: Ref<string, string>;
            period: {
                items: { id: string; text: any; value: string[] }[];
                prefix: Ref<string, string>;
                select: (periodId: string) => void;
                selected: Ref<
                    | { id: string; text?: string; value: string[] }
                    | { id: string; text: any; value: string[] },

                        | Period
                        | { id: string; text: any; value: string[] }
                        | { id: string; text?: string; value: string[] }
                        | { id: string; text: any; value: string[] },
                >;
                suffix: Ref<string, string>;
            };
            segments: {
                cron: Ref<string, string>;
                error: Ref<string, string>;
                id: string;
                items: FieldItem[];
                prefix: Ref<string, string>;
                select: (evt: number[]) => void;
                selected: Ref<number[], number[]>;
                suffix: Ref<string, string>;
                text: Ref<string, string>;
            }[];
            selected: ComputedRef<
                {
                    cron: Ref<string, string>;
                    error: Ref<string, string>;
                    id: string;
                    items: FieldItem[];
                    prefix: Ref<string, string>;
                    select: (evt: number[]) => void;
                    selected: Ref<number[], number[]>;
                    suffix: Ref<string, string>;
                    text: Ref<string, string>;
                }[],
            >;
        },
    >
    slots?: {}
    style?: unknown
    template?: string | object
    watch?: ComponentWatchOptions
    • Type Parameters

      • T extends string | ((...args: any) => any)

      Parameters

      • source: T
      • cb: T extends (...args: any) => R
            ? (...args: [R, R, OnCleanup]) => any
            : (...args: [any, any, OnCleanup]) => any
      • Optionaloptions: WatchOptions<boolean>

      Returns WatchStopHandle

    • Returns any

    • Returns any

    • Returns any

      use beforeUnmount instead

    • Returns any

    • Returns any

    • Returns any

    • Returns any

    • Returns any

    • Returns any

      use unmounted instead

    • Returns any

    • Returns void | Promise<any>

    • Returns any

    • Returns any