Class CronAnt

Hierarchy

CronAnt

Properties

$

$: ComponentInternalInstance

$attrs

$attrs: Data

$data

$data: {}

Type declaration

$el

$el: any

$emit

$emit: ((event, ...args) => void)

Type declaration

- (event, ...args): void
- Parameters
  - event: "update:model-value" | "update:period" | "error"
  - Rest ...args: any[]
  Returns void

$forceUpdate

$forceUpdate: (() => void)

Type declaration

- (): void
- Returns void

$nextTick

$nextTick: (<T, R>(this, fn?) => Promise<Awaited<R>>)

Type declaration

- <T, R>(this, fn?): Promise<Awaited<R>>
- Type Parameters
  - T = void
  - R = void
  Parameters
  - this: T
  - Optional fn: ((this) => R)
    - (this): R
      Parameters
      this: T
      Returns R
  Returns Promise<Awaited<R>>

$options

$options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
    buttonProps: {
        type: PropType<Partial<ExtractPropTypes<{
            block: {
                default: any;
                type: BooleanConstructor;
            };
            danger: {
                default: any;
                type: BooleanConstructor;
            };
            disabled: {
                default: any;
                type: BooleanConstructor;
            };
            ghost: {
                default: any;
                type: BooleanConstructor;
            };
            href: StringConstructor;
            htmlType: {
                default: string;
                type: PropType<ButtonHTMLType>;
            };
            icon: VueTypeValidableDef<any>;
            loading: {
                default: (() => boolean | {
                    delay?: number;
                });
                type: PropType<boolean | {
                    delay?: number;
                }>;
            };
            onClick: {
                type: PropType<((event) => void)>;
            };
            onMousedown: {
                type: PropType<((event) => void)>;
            };
            prefixCls: StringConstructor;
            shape: {
                type: PropType<ButtonShape>;
            };
            size: {
                type: PropType<SizeType>;
            };
            target: StringConstructor;
            title: StringConstructor;
            type: PropType<ButtonType>;
        }>>>;
        default() => {};
    };
    cols: {
        default: (() => {
            day: number;
            hour: number;
            minute: number;
            second: number;
        });
        type: PropType<Record<string, number>>;
    };
    customLocale: {
        type: PropType<Localization>;
    };
    disabled: {
        default: boolean;
        type: BooleanConstructor;
    };
    dropdownProps: {
        default: (() => void);
        type: PropType<Partial<ExtractPropTypes<{
            align: {
                type: PropType<Align>;
            };
            arrow: {
                default: any;
                type: PropType<boolean | DropdownArrowOptions>;
            };
            destroyPopupOnHide: {
                default: any;
                type: BooleanConstructor;
            };
            disabled: {
                default: any;
                type: BooleanConstructor;
            };
            forceRender: {
                default: any;
                type: BooleanConstructor;
            };
            getPopupContainer: PropType<((triggerNode) => HTMLElement)>;
            minOverlayWidthMatchTrigger: {
                default: any;
                type: BooleanConstructor;
            };
            mouseEnterDelay: NumberConstructor;
            mouseLeaveDelay: NumberConstructor;
            onUpdate:visible: {
                type: PropType<((val) => void)>;
            };
            onVisibleChange: {
                type: PropType<((val) => void)>;
            };
            openClassName: StringConstructor;
            overlay: VueTypeValidableDef<any>;
            overlayClassName: StringConstructor;
            overlayStyle: {
                default: CSSProperties;
                type: PropType<CSSProperties>;
            };
            placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
            prefixCls: StringConstructor;
            transitionName: StringConstructor;
            trigger: {
                type: PropType<Trigger | Trigger[]>;
            };
            visible: {
                default: any;
                type: BooleanConstructor;
            };
        }>>>;
    };
    fields: {
        type: PropType<Field[]>;
    };
    format: {
        type: PropType<CronFormat>;
    };
    locale: {
        type: StringConstructor;
    };
    modelValue: {
        type: StringConstructor;
    };
    period: {
        type: StringConstructor;
    };
    periods: {
        type: PropType<Period[]>;
    };
}>> & {
    onError?: ((...args) => any);
    onUpdate:model-value?: ((...args) => any);
    onUpdate:period?: ((...args) => any);
}, {
    cron: Ref<string>;
    error: Ref<string>;
    period: {
        items: {
            id: string;
            text: any;
            value: string[];
        }[];
        prefix: Ref<string>;
        select: ((periodId) => void);
        selected: Ref<{
            id: string;
            text?: string;
            value: string[];
        } | {
            id: string;
            text: any;
            value: string[];
        }>;
        suffix: Ref<string>;
    };
    segments: {
        cron: Ref<string>;
        error: Ref<string>;
        id: string;
        items: FieldItem[];
        prefix: Ref<string>;
        select: ((evt) => void);
        selected: Ref<number[]>;
        suffix: Ref<string>;
        text: Ref<string>;
    }[];
    selected: ComputedRef<{
        cron: Ref<string>;
        error: Ref<string>;
        id: string;
        items: FieldItem[];
        prefix: Ref<string>;
        select: ((evt) => void);
        selected: Ref<number[]>;
        suffix: Ref<string>;
        text: Ref<string>;
    }[]>;
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:model-value" | "update:period" | "error")[], string, {
    buttonProps: Partial<ExtractPropTypes<{
        block: {
            default: any;
            type: BooleanConstructor;
        };
        danger: {
            default: any;
            type: BooleanConstructor;
        };
        disabled: {
            default: any;
            type: BooleanConstructor;
        };
        ghost: {
            default: any;
            type: BooleanConstructor;
        };
        href: StringConstructor;
        htmlType: {
            default: string;
            type: PropType<ButtonHTMLType>;
        };
        icon: VueTypeValidableDef<any>;
        loading: {
            default: (() => boolean | {
                delay?: number;
            });
            type: PropType<boolean | {
                delay?: number;
            }>;
        };
        onClick: {
            type: PropType<((event) => void)>;
        };
        onMousedown: {
            type: PropType<((event) => void)>;
        };
        prefixCls: StringConstructor;
        shape: {
            type: PropType<ButtonShape>;
        };
        size: {
            type: PropType<SizeType>;
        };
        target: StringConstructor;
        title: StringConstructor;
        type: PropType<ButtonType>;
    }>>;
    cols: Record<string, number>;
    disabled: boolean;
    dropdownProps: Partial<ExtractPropTypes<{
        align: {
            type: PropType<Align>;
        };
        arrow: {
            default: any;
            type: PropType<boolean | DropdownArrowOptions>;
        };
        destroyPopupOnHide: {
            default: any;
            type: BooleanConstructor;
        };
        disabled: {
            default: any;
            type: BooleanConstructor;
        };
        forceRender: {
            default: any;
            type: BooleanConstructor;
        };
        getPopupContainer: PropType<((triggerNode) => HTMLElement)>;
        minOverlayWidthMatchTrigger: {
            default: any;
            type: BooleanConstructor;
        };
        mouseEnterDelay: NumberConstructor;
        mouseLeaveDelay: NumberConstructor;
        onUpdate:visible: {
            type: PropType<((val) => void)>;
        };
        onVisibleChange: {
            type: PropType<((val) => void)>;
        };
        openClassName: StringConstructor;
        overlay: VueTypeValidableDef<any>;
        overlayClassName: StringConstructor;
        overlayStyle: {
            default: CSSProperties;
            type: PropType<CSSProperties>;
        };
        placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
        prefixCls: StringConstructor;
        transitionName: StringConstructor;
        trigger: {
            type: PropType<Trigger | Trigger[]>;
        };
        visible: {
            default: any;
            type: BooleanConstructor;
        };
    }>>;
}, {}, string, {}> & MergedComponentOptionsOverride

$parent

$parent: null | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>

$props

$props: Partial<{
    buttonProps: Partial<ExtractPropTypes<{
        block: {
            default: any;
            type: BooleanConstructor;
        };
        danger: {
            default: any;
            type: BooleanConstructor;
        };
        disabled: {
            default: any;
            type: BooleanConstructor;
        };
        ghost: {
            default: any;
            type: BooleanConstructor;
        };
        href: StringConstructor;
        htmlType: {
            default: string;
            type: PropType<ButtonHTMLType>;
        };
        icon: VueTypeValidableDef<any>;
        loading: {
            default: (() => boolean | {
                delay?: number;
            });
            type: PropType<boolean | {
                delay?: number;
            }>;
        };
        onClick: {
            type: PropType<((event) => void)>;
        };
        onMousedown: {
            type: PropType<((event) => void)>;
        };
        prefixCls: StringConstructor;
        shape: {
            type: PropType<ButtonShape>;
        };
        size: {
            type: PropType<SizeType>;
        };
        target: StringConstructor;
        title: StringConstructor;
        type: PropType<ButtonType>;
    }>>;
    cols: Record<string, number>;
    disabled: boolean;
    dropdownProps: Partial<ExtractPropTypes<{
        align: {
            type: PropType<Align>;
        };
        arrow: {
            default: any;
            type: PropType<boolean | DropdownArrowOptions>;
        };
        destroyPopupOnHide: {
            default: any;
            type: BooleanConstructor;
        };
        disabled: {
            default: any;
            type: BooleanConstructor;
        };
        forceRender: {
            default: any;
            type: BooleanConstructor;
        };
        getPopupContainer: PropType<((triggerNode) => HTMLElement)>;
        minOverlayWidthMatchTrigger: {
            default: any;
            type: BooleanConstructor;
        };
        mouseEnterDelay: NumberConstructor;
        mouseLeaveDelay: NumberConstructor;
        onUpdate:visible: {
            type: PropType<((val) => void)>;
        };
        onVisibleChange: {
            type: PropType<((val) => void)>;
        };
        openClassName: StringConstructor;
        overlay: VueTypeValidableDef<any>;
        overlayClassName: StringConstructor;
        overlayStyle: {
            default: CSSProperties;
            type: PropType<CSSProperties>;
        };
        placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
        prefixCls: StringConstructor;
        transitionName: StringConstructor;
        trigger: {
            type: PropType<Trigger | Trigger[]>;
        };
        visible: {
            default: any;
            type: BooleanConstructor;
        };
    }>>;
}> & Omit<{
    buttonProps: Partial<ExtractPropTypes<{
        block: {
            default: any;
            type: BooleanConstructor;
        };
        danger: {
            default: any;
            type: BooleanConstructor;
        };
        disabled: {
            default: any;
            type: BooleanConstructor;
        };
        ghost: {
            default: any;
            type: BooleanConstructor;
        };
        href: StringConstructor;
        htmlType: {
            default: string;
            type: PropType<ButtonHTMLType>;
        };
        icon: VueTypeValidableDef<any>;
        loading: {
            default: (() => boolean | {
                delay?: number;
            });
            type: PropType<boolean | {
                delay?: number;
            }>;
        };
        onClick: {
            type: PropType<((event) => void)>;
        };
        onMousedown: {
            type: PropType<((event) => void)>;
        };
        prefixCls: StringConstructor;
        shape: {
            type: PropType<ButtonShape>;
        };
        size: {
            type: PropType<SizeType>;
        };
        target: StringConstructor;
        title: StringConstructor;
        type: PropType<ButtonType>;
    }>>;
    cols: Record<string, number>;
    customLocale?: Localization;
    disabled: boolean;
    dropdownProps: Partial<ExtractPropTypes<{
        align: {
            type: PropType<Align>;
        };
        arrow: {
            default: any;
            type: PropType<boolean | DropdownArrowOptions>;
        };
        destroyPopupOnHide: {
            default: any;
            type: BooleanConstructor;
        };
        disabled: {
            default: any;
            type: BooleanConstructor;
        };
        forceRender: {
            default: any;
            type: BooleanConstructor;
        };
        getPopupContainer: PropType<((triggerNode) => HTMLElement)>;
        minOverlayWidthMatchTrigger: {
            default: any;
            type: BooleanConstructor;
        };
        mouseEnterDelay: NumberConstructor;
        mouseLeaveDelay: NumberConstructor;
        onUpdate:visible: {
            type: PropType<((val) => void)>;
        };
        onVisibleChange: {
            type: PropType<((val) => void)>;
        };
        openClassName: StringConstructor;
        overlay: VueTypeValidableDef<any>;
        overlayClassName: StringConstructor;
        overlayStyle: {
            default: CSSProperties;
            type: PropType<CSSProperties>;
        };
        placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
        prefixCls: StringConstructor;
        transitionName: StringConstructor;
        trigger: {
            type: PropType<Trigger | Trigger[]>;
        };
        visible: {
            default: any;
            type: BooleanConstructor;
        };
    }>>;
    fields?: Field[];
    format?: CronFormat;
    locale?: string;
    modelValue?: string;
    onError?: ((...args) => any);
    onUpdate:model-value?: ((...args) => any);
    onUpdate:period?: ((...args) => any);
    period?: string;
    periods?: Period[];
} & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
    buttonProps: {
        type: PropType<Partial<ExtractPropTypes<{
            block: {
                default: any;
                type: BooleanConstructor;
            };
            danger: {
                default: any;
                type: BooleanConstructor;
            };
            disabled: {
                default: any;
                type: BooleanConstructor;
            };
            ghost: {
                default: any;
                type: BooleanConstructor;
            };
            href: StringConstructor;
            htmlType: {
                default: string;
                type: PropType<ButtonHTMLType>;
            };
            icon: VueTypeValidableDef<any>;
            loading: {
                default: (() => boolean | {
                    delay?: number;
                });
                type: PropType<boolean | {
                    delay?: number;
                }>;
            };
            onClick: {
                type: PropType<((event) => void)>;
            };
            onMousedown: {
                type: PropType<((event) => void)>;
            };
            prefixCls: StringConstructor;
            shape: {
                type: PropType<ButtonShape>;
            };
            size: {
                type: PropType<SizeType>;
            };
            target: StringConstructor;
            title: StringConstructor;
            type: PropType<ButtonType>;
        }>>>;
        default() => {};
    };
    cols: {
        default: (() => {
            day: number;
            hour: number;
            minute: number;
            second: number;
        });
        type: PropType<Record<string, number>>;
    };
    customLocale: {
        type: PropType<Localization>;
    };
    disabled: {
        default: boolean;
        type: BooleanConstructor;
    };
    dropdownProps: {
        default: (() => void);
        type: PropType<Partial<ExtractPropTypes<{
            align: {
                type: PropType<Align>;
            };
            arrow: {
                default: any;
                type: PropType<boolean | DropdownArrowOptions>;
            };
            destroyPopupOnHide: {
                default: any;
                type: BooleanConstructor;
            };
            disabled: {
                default: any;
                type: BooleanConstructor;
            };
            forceRender: {
                default: any;
                type: BooleanConstructor;
            };
            getPopupContainer: PropType<((triggerNode) => HTMLElement)>;
            minOverlayWidthMatchTrigger: {
                default: any;
                type: BooleanConstructor;
            };
            mouseEnterDelay: NumberConstructor;
            mouseLeaveDelay: NumberConstructor;
            onUpdate:visible: {
                type: PropType<((val) => void)>;
            };
            onVisibleChange: {
                type: PropType<((val) => void)>;
            };
            openClassName: StringConstructor;
            overlay: VueTypeValidableDef<any>;
            overlayClassName: StringConstructor;
            overlayStyle: {
                default: CSSProperties;
                type: PropType<CSSProperties>;
            };
            placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
            prefixCls: StringConstructor;
            transitionName: StringConstructor;
            trigger: {
                type: PropType<Trigger | Trigger[]>;
            };
            visible: {
                default: any;
                type: BooleanConstructor;
            };
        }>>>;
    };
    fields: {
        type: PropType<Field[]>;
    };
    format: {
        type: PropType<CronFormat>;
    };
    locale: {
        type: StringConstructor;
    };
    modelValue: {
        type: StringConstructor;
    };
    period: {
        type: StringConstructor;
    };
    periods: {
        type: PropType<Period[]>;
    };
}>> & {
    onError?: ((...args) => any);
    onUpdate:model-value?: ((...args) => any);
    onUpdate:period?: ((...args) => any);
}, "cols" | "disabled" | "buttonProps" | "dropdownProps">

$refs

$refs: Data

$root

$root: null | ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>

$slots

$slots: Readonly<InternalSlots>

`Readonly` buttonProps

buttonProps: Partial<ExtractPropTypes<{
    block: {
        default: any;
        type: BooleanConstructor;
    };
    danger: {
        default: any;
        type: BooleanConstructor;
    };
    disabled: {
        default: any;
        type: BooleanConstructor;
    };
    ghost: {
        default: any;
        type: BooleanConstructor;
    };
    href: StringConstructor;
    htmlType: {
        default: string;
        type: PropType<ButtonHTMLType>;
    };
    icon: VueTypeValidableDef<any>;
    loading: {
        default: (() => boolean | {
            delay?: number;
        });
        type: PropType<boolean | {
            delay?: number;
        }>;
    };
    onClick: {
        type: PropType<((event) => void)>;
    };
    onMousedown: {
        type: PropType<((event) => void)>;
    };
    prefixCls: StringConstructor;
    shape: {
        type: PropType<ButtonShape>;
    };
    size: {
        type: PropType<SizeType>;
    };
    target: StringConstructor;
    title: StringConstructor;
    type: PropType<ButtonType>;
}>>

Properties of Ant Design Vue Button

Remarks

See https://antdv.com/components/button#api

`Readonly` cols

cols: Record<string, number>

cron

cron: string

`Optional` `Readonly` customLocale

customLocale?: Localization

`Readonly` disabled

disabled: boolean

`Readonly` dropdownProps

dropdownProps: Partial<ExtractPropTypes<{
    align: {
        type: PropType<Align>;
    };
    arrow: {
        default: any;
        type: PropType<boolean | DropdownArrowOptions>;
    };
    destroyPopupOnHide: {
        default: any;
        type: BooleanConstructor;
    };
    disabled: {
        default: any;
        type: BooleanConstructor;
    };
    forceRender: {
        default: any;
        type: BooleanConstructor;
    };
    getPopupContainer: PropType<((triggerNode) => HTMLElement)>;
    minOverlayWidthMatchTrigger: {
        default: any;
        type: BooleanConstructor;
    };
    mouseEnterDelay: NumberConstructor;
    mouseLeaveDelay: NumberConstructor;
    onUpdate:visible: {
        type: PropType<((val) => void)>;
    };
    onVisibleChange: {
        type: PropType<((val) => void)>;
    };
    openClassName: StringConstructor;
    overlay: VueTypeValidableDef<any>;
    overlayClassName: StringConstructor;
    overlayStyle: {
        default: CSSProperties;
        type: PropType<CSSProperties>;
    };
    placement: PropType<"bottom" | "top" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter">;
    prefixCls: StringConstructor;
    transitionName: StringConstructor;
    trigger: {
        type: PropType<Trigger | Trigger[]>;
    };
    visible: {
        default: any;
        type: BooleanConstructor;
    };
}>>

Properties of Ant Design Vue Dropdown

Remarks

See https://antdv.com/components/dropdown#api

error

error: string

`Optional` `Readonly` fields

fields?: Field[]

`Optional` `Readonly` format

format?: CronFormat

`Optional` `Readonly` locale

locale?: string

`Optional` `Readonly` modelValue

modelValue?: string

`Optional` onError

onError?: ((...args) => any)

Type declaration

- (...args): any
- Parameters
  - Rest ...args: any[]
  Returns any

`Optional` onUpdate:model-value

onUpdate:model-value?: ((...args) => any)

Type declaration

- (...args): any
- Parameters
  - Rest ...args: any[]
  Returns any

`Optional` onUpdate:period

onUpdate:period?: ((...args) => any)

Type declaration

- (...args): any
- Parameters
  - Rest ...args: any[]
  Returns any

period

period: string & {
    items: {
        id: string;
        text: any;
        value: string[];
    }[];
    prefix: Ref<string>;
    select: ((periodId) => void);
    selected: Ref<{
        id: string;
        text?: string;
        value: string[];
    } | {
        id: string;
        text: any;
        value: string[];
    }>;
    suffix: Ref<string>;
}

Type declaration

items: {
    id: string;
    text: any;
    value: string[];
}[]
prefix: Ref<string>
select: ((periodId) => void)
- - (periodId): void
  - Parameters
    - periodId: string
    Returns void
selected: Ref<{
    id: string;
    text?: string;
    value: string[];
} | {
    id: string;
    text: any;
    value: string[];
}>
suffix: Ref<string>

`Optional` `Readonly` periods

periods?: Period[]

segments

segments: {
    cron: Ref<string>;
    error: Ref<string>;
    id: string;
    items: FieldItem[];
    prefix: Ref<string>;
    select: ((evt) => void);
    selected: Ref<number[]>;
    suffix: Ref<string>;
    text: Ref<string>;
}[]

Type declaration

cron: Ref<string>
error: Ref<string>
id: string
items: FieldItem[]
prefix: Ref<string>
select: ((evt) => void)
- - (evt): void
  - Parameters
    - evt: number[]
    Returns void
selected: Ref<number[]>
suffix: Ref<string>
text: Ref<string>

selected

selected: {
    cron: Ref<string>;
    error: Ref<string>;
    id: string;
    items: FieldItem[];
    prefix: Ref<string>;
    select: ((evt) => void);
    selected: Ref<number[]>;
    suffix: Ref<string>;
    text: Ref<string>;
}[]

Type declaration

cron: Ref<string>
error: Ref<string>
id: string
items: FieldItem[]
prefix: Ref<string>
select: ((evt) => void)
- - (evt): void
  - Parameters
    - evt: number[]
    Returns void
selected: Ref<number[]>
suffix: Ref<string>
text: Ref<string>

Methods

$watch

$watch<T>(source, cb, options?): WatchStopHandle
Type Parameters
- T extends string | ((...args) => any)
Parameters
- source: T
- cb: T extends ((...args) => R)
  ? ((...args) => any)
  : ((...args) => any)
- Optional options: WatchOptions<boolean>
Returns WatchStopHandle
- Defined in node_modules/@vue/runtime-core/dist/runtime-core.d.ts:128

Class CronAnt

Hierarchy

Index

Properties

Methods

Properties

$

$attrs

$data

Type declaration

$el

$emit

Type declaration

Parameters

event: "update:model-value" | "update:period" | "error"

Rest ...args: any[]

Returns void

$forceUpdate

Type declaration

Returns void

$nextTick

Type declaration

Type Parameters

T = void

R = void

Parameters

this: T

Optional fn: ((this) => R)

Parameters

this: T

Returns R

Returns Promise<Awaited<R>>

$options

$parent

$props

$refs

$root

$slots

Readonly buttonProps

Remarks

Readonly cols

cron

Optional Readonly customLocale

Readonly disabled

Readonly dropdownProps

Remarks

error

Optional Readonly fields

Optional Readonly format

Optional Readonly locale

Optional Readonly modelValue

Optional onError

Type declaration

Parameters

Rest ...args: any[]

Returns any

Optional onUpdate:model-value

Type declaration

Parameters

Rest ...args: any[]

Returns any

Optional onUpdate:period

Type declaration

Parameters

Rest ...args: any[]

Returns any

period

Type declaration

items: { id: string; text: any; value: string[]; }[]

prefix: Ref<string>

select: ((periodId) => void)

Parameters

periodId: string

Returns void

selected: Ref<{ id: string; text?: string; value: string[]; } | { id: string; text: any; value: string[]; }>

suffix: Ref<string>

Optional Readonly periods

segments

Type declaration

cron: Ref<string>

`Rest` ...args: any[]

`Optional` fn: ((this) => R)

`Readonly` buttonProps

`Readonly` cols

`Optional` `Readonly` customLocale

`Readonly` disabled

`Readonly` dropdownProps

`Optional` `Readonly` fields

`Optional` `Readonly` format

`Optional` `Readonly` locale

`Optional` `Readonly` modelValue

`Optional` onError

`Rest` ...args: any[]

`Optional` onUpdate:model-value

`Rest` ...args: any[]

`Optional` onUpdate:period

`Rest` ...args: any[]

items: {
id: string;
text: any;
value: string[];
}[]

selected: Ref<{
id: string;
text?: string;
value: string[];
} | {
id: string;
text: any;
value: string[];
}>

`Optional` `Readonly` periods

cb: T extends ((...args) => R)
? ((...args) => any)
: ((...args) => any)

`Optional` options: WatchOptions<boolean>