import { type PropType, type ExtractPropTypes } from 'vue';
import { type CellSize } from '../cell';
import type { FieldRule, FieldType, FieldTextAlign, FieldLabelPosition, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
export declare const fieldSharedProps: {
    id: StringConstructor;
    name: StringConstructor;
    leftIcon: StringConstructor;
    rightIcon: StringConstructor;
    autofocus: BooleanConstructor;
    clearable: BooleanConstructor;
    maxlength: (NumberConstructor | StringConstructor)[];
    formatter: PropType<(value: string) => string>;
    clearIcon: {
        type: PropType<string>;
        default: string;
    };
    modelValue: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    inputAlign: PropType<FieldTextAlign>;
    placeholder: StringConstructor;
    autocomplete: StringConstructor;
    errorMessage: StringConstructor;
    enterkeyhint: StringConstructor;
    clearTrigger: {
        type: PropType<FieldClearTrigger>;
        default: FieldClearTrigger;
    };
    formatTrigger: {
        type: PropType<FieldFormatTrigger>;
        default: FieldFormatTrigger;
    };
    error: {
        type: BooleanConstructor;
        default: null;
    };
    disabled: {
        type: BooleanConstructor;
        default: null;
    };
    readonly: {
        type: BooleanConstructor;
        default: null;
    };
};
declare const fieldProps: {
    icon: StringConstructor;
    size: PropType<CellSize>;
    background: StringConstructor;
    title: (NumberConstructor | StringConstructor)[];
    value: (NumberConstructor | StringConstructor)[];
    label: (NumberConstructor | StringConstructor)[];
    labelClickable: BooleanConstructor;
    labelIcon: StringConstructor;
    showLabelIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    description: (NumberConstructor | StringConstructor)[];
    descriptionClickable: BooleanConstructor;
    multiLineNotes: PropType<import("../utils").Numeric[]>;
    showMultiLineNotes: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showTitleCollapseIcon: BooleanConstructor;
    defaultMultiLineNotesCollapsed: BooleanConstructor;
    threeLine: BooleanConstructor;
    threeLineEllipsis: BooleanConstructor;
    labelSize: (NumberConstructor | StringConstructor)[];
    avatar: StringConstructor;
    showAvatar: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightAvatar: StringConstructor;
    showRightAvatar: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    tags: PropType<import("../utils").Numeric[]>;
    showTags: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleTag: (NumberConstructor | StringConstructor)[];
    showTitleTag: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    wrapTags: PropType<import("../utils").Numeric[]>;
    showWrapTags: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleIcon: StringConstructor;
    titleIconClickable: BooleanConstructor;
    showTitleIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightIcon: StringConstructor;
    showIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showRightIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    note: (NumberConstructor | StringConstructor)[];
    showNote: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    noteBold: BooleanConstructor;
    noteClickable: BooleanConstructor;
    noteTo: PropType<import("vue-router").RouteLocationRaw>;
    noteUrl: StringConstructor;
    noteReplace: BooleanConstructor;
    badge: (NumberConstructor | StringConstructor)[];
    showBadge: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    leftSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showLeftSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showRightSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    selectType: {
        type: PropType<import("../cell").CellSelectType>;
        default: string;
    };
    blueMark: BooleanConstructor;
    showBlueMark: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleBold: BooleanConstructor;
    center: BooleanConstructor;
    isLink: BooleanConstructor;
    border: {
        type: BooleanConstructor;
        default: true;
    };
    errorBorder: BooleanConstructor;
    required: BooleanConstructor;
    iconPrefix: StringConstructor;
    valueClass: PropType<unknown>;
    labelClass: PropType<unknown>;
    titleClass: PropType<unknown>;
    titleStyle: PropType<string | import("vue").CSSProperties>;
    arrowDirection: PropType<import("../cell").CellArrowDirection>;
    clickable: {
        type: PropType<boolean | null>;
        default: null;
    };
} & {
    id: StringConstructor;
    name: StringConstructor;
    leftIcon: StringConstructor;
    rightIcon: StringConstructor;
    autofocus: BooleanConstructor;
    clearable: BooleanConstructor;
    maxlength: (NumberConstructor | StringConstructor)[];
    formatter: PropType<(value: string) => string>;
    clearIcon: {
        type: PropType<string>;
        default: string;
    };
    modelValue: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    inputAlign: PropType<FieldTextAlign>;
    placeholder: StringConstructor;
    autocomplete: StringConstructor;
    errorMessage: StringConstructor;
    enterkeyhint: StringConstructor;
    clearTrigger: {
        type: PropType<FieldClearTrigger>;
        default: FieldClearTrigger;
    };
    formatTrigger: {
        type: PropType<FieldFormatTrigger>;
        default: FieldFormatTrigger;
    };
    error: {
        type: BooleanConstructor;
        default: null;
    };
    disabled: {
        type: BooleanConstructor;
        default: null;
    };
    readonly: {
        type: BooleanConstructor;
        default: null;
    };
} & {
    size: {
        type: PropType<CellSize>;
        default: CellSize;
    };
    rows: (NumberConstructor | StringConstructor)[];
    type: {
        type: PropType<FieldType>;
        default: FieldType;
    };
    rules: PropType<FieldRule[]>;
    autosize: PropType<boolean | FieldAutosizeConfig>;
    labelWidth: (NumberConstructor | StringConstructor)[];
    labelClass: PropType<unknown>;
    labelAlign: PropType<FieldTextAlign>;
    labelPosition: PropType<FieldLabelPosition>;
    unit: (NumberConstructor | StringConstructor)[];
    showUnit: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showWordLimit: BooleanConstructor;
    errorMessageAlign: PropType<FieldTextAlign>;
    colon: {
        type: BooleanConstructor;
        default: null;
    };
    errorBorder: {
        type: BooleanConstructor;
        default: boolean;
    };
};
export declare type FieldProps = ExtractPropTypes<typeof fieldProps>;
declare const _default: import("vue").DefineComponent<{
    icon: StringConstructor;
    size: PropType<CellSize>;
    background: StringConstructor;
    title: (NumberConstructor | StringConstructor)[];
    value: (NumberConstructor | StringConstructor)[];
    label: (NumberConstructor | StringConstructor)[];
    labelClickable: BooleanConstructor;
    labelIcon: StringConstructor;
    showLabelIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    description: (NumberConstructor | StringConstructor)[];
    descriptionClickable: BooleanConstructor;
    multiLineNotes: PropType<import("../utils").Numeric[]>;
    showMultiLineNotes: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showTitleCollapseIcon: BooleanConstructor;
    defaultMultiLineNotesCollapsed: BooleanConstructor;
    threeLine: BooleanConstructor;
    threeLineEllipsis: BooleanConstructor;
    labelSize: (NumberConstructor | StringConstructor)[];
    avatar: StringConstructor;
    showAvatar: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightAvatar: StringConstructor;
    showRightAvatar: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    tags: PropType<import("../utils").Numeric[]>;
    showTags: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleTag: (NumberConstructor | StringConstructor)[];
    showTitleTag: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    wrapTags: PropType<import("../utils").Numeric[]>;
    showWrapTags: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleIcon: StringConstructor;
    titleIconClickable: BooleanConstructor;
    showTitleIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightIcon: StringConstructor;
    showIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showRightIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    note: (NumberConstructor | StringConstructor)[];
    showNote: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    noteBold: BooleanConstructor;
    noteClickable: BooleanConstructor;
    noteTo: PropType<import("vue-router").RouteLocationRaw>;
    noteUrl: StringConstructor;
    noteReplace: BooleanConstructor;
    badge: (NumberConstructor | StringConstructor)[];
    showBadge: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    leftSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showLeftSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showRightSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    selectType: {
        type: PropType<import("../cell").CellSelectType>;
        default: string;
    };
    blueMark: BooleanConstructor;
    showBlueMark: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleBold: BooleanConstructor;
    center: BooleanConstructor;
    isLink: BooleanConstructor;
    border: {
        type: BooleanConstructor;
        default: true;
    };
    errorBorder: BooleanConstructor;
    required: BooleanConstructor;
    iconPrefix: StringConstructor;
    valueClass: PropType<unknown>;
    labelClass: PropType<unknown>;
    titleClass: PropType<unknown>;
    titleStyle: PropType<string | import("vue").CSSProperties>;
    arrowDirection: PropType<import("../cell").CellArrowDirection>;
    clickable: {
        type: PropType<boolean | null>;
        default: null;
    };
} & {
    id: StringConstructor;
    name: StringConstructor;
    leftIcon: StringConstructor;
    rightIcon: StringConstructor;
    autofocus: BooleanConstructor;
    clearable: BooleanConstructor;
    maxlength: (NumberConstructor | StringConstructor)[];
    formatter: PropType<(value: string) => string>;
    clearIcon: {
        type: PropType<string>;
        default: string;
    };
    modelValue: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    inputAlign: PropType<FieldTextAlign>;
    placeholder: StringConstructor;
    autocomplete: StringConstructor;
    errorMessage: StringConstructor;
    enterkeyhint: StringConstructor;
    clearTrigger: {
        type: PropType<FieldClearTrigger>;
        default: FieldClearTrigger;
    };
    formatTrigger: {
        type: PropType<FieldFormatTrigger>;
        default: FieldFormatTrigger;
    };
    error: {
        type: BooleanConstructor;
        default: null;
    };
    disabled: {
        type: BooleanConstructor;
        default: null;
    };
    readonly: {
        type: BooleanConstructor;
        default: null;
    };
} & {
    size: {
        type: PropType<CellSize>;
        default: CellSize;
    };
    rows: (NumberConstructor | StringConstructor)[];
    type: {
        type: PropType<FieldType>;
        default: FieldType;
    };
    rules: PropType<FieldRule[]>;
    autosize: PropType<boolean | FieldAutosizeConfig>;
    labelWidth: (NumberConstructor | StringConstructor)[];
    labelClass: PropType<unknown>;
    labelAlign: PropType<FieldTextAlign>;
    labelPosition: PropType<FieldLabelPosition>;
    unit: (NumberConstructor | StringConstructor)[];
    showUnit: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showWordLimit: BooleanConstructor;
    errorMessageAlign: PropType<FieldTextAlign>;
    colon: {
        type: BooleanConstructor;
        default: null;
    };
    errorBorder: {
        type: BooleanConstructor;
        default: boolean;
    };
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-title-icon" | "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon")[], "click-title-icon" | "update:modelValue" | "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
    icon: StringConstructor;
    size: PropType<CellSize>;
    background: StringConstructor;
    title: (NumberConstructor | StringConstructor)[];
    value: (NumberConstructor | StringConstructor)[];
    label: (NumberConstructor | StringConstructor)[];
    labelClickable: BooleanConstructor;
    labelIcon: StringConstructor;
    showLabelIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    description: (NumberConstructor | StringConstructor)[];
    descriptionClickable: BooleanConstructor;
    multiLineNotes: PropType<import("../utils").Numeric[]>;
    showMultiLineNotes: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showTitleCollapseIcon: BooleanConstructor;
    defaultMultiLineNotesCollapsed: BooleanConstructor;
    threeLine: BooleanConstructor;
    threeLineEllipsis: BooleanConstructor;
    labelSize: (NumberConstructor | StringConstructor)[];
    avatar: StringConstructor;
    showAvatar: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightAvatar: StringConstructor;
    showRightAvatar: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    tags: PropType<import("../utils").Numeric[]>;
    showTags: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleTag: (NumberConstructor | StringConstructor)[];
    showTitleTag: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    wrapTags: PropType<import("../utils").Numeric[]>;
    showWrapTags: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleIcon: StringConstructor;
    titleIconClickable: BooleanConstructor;
    showTitleIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightIcon: StringConstructor;
    showIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showRightIcon: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    note: (NumberConstructor | StringConstructor)[];
    showNote: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    noteBold: BooleanConstructor;
    noteClickable: BooleanConstructor;
    noteTo: PropType<import("vue-router").RouteLocationRaw>;
    noteUrl: StringConstructor;
    noteReplace: BooleanConstructor;
    badge: (NumberConstructor | StringConstructor)[];
    showBadge: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    leftSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showLeftSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    rightSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showRightSelect: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    selectType: {
        type: PropType<import("../cell").CellSelectType>;
        default: string;
    };
    blueMark: BooleanConstructor;
    showBlueMark: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    titleBold: BooleanConstructor;
    center: BooleanConstructor;
    isLink: BooleanConstructor;
    border: {
        type: BooleanConstructor;
        default: true;
    };
    errorBorder: BooleanConstructor;
    required: BooleanConstructor;
    iconPrefix: StringConstructor;
    valueClass: PropType<unknown>;
    labelClass: PropType<unknown>;
    titleClass: PropType<unknown>;
    titleStyle: PropType<string | import("vue").CSSProperties>;
    arrowDirection: PropType<import("../cell").CellArrowDirection>;
    clickable: {
        type: PropType<boolean | null>;
        default: null;
    };
} & {
    id: StringConstructor;
    name: StringConstructor;
    leftIcon: StringConstructor;
    rightIcon: StringConstructor;
    autofocus: BooleanConstructor;
    clearable: BooleanConstructor;
    maxlength: (NumberConstructor | StringConstructor)[];
    formatter: PropType<(value: string) => string>;
    clearIcon: {
        type: PropType<string>;
        default: string;
    };
    modelValue: {
        type: (NumberConstructor | StringConstructor)[];
        default: string;
    };
    inputAlign: PropType<FieldTextAlign>;
    placeholder: StringConstructor;
    autocomplete: StringConstructor;
    errorMessage: StringConstructor;
    enterkeyhint: StringConstructor;
    clearTrigger: {
        type: PropType<FieldClearTrigger>;
        default: FieldClearTrigger;
    };
    formatTrigger: {
        type: PropType<FieldFormatTrigger>;
        default: FieldFormatTrigger;
    };
    error: {
        type: BooleanConstructor;
        default: null;
    };
    disabled: {
        type: BooleanConstructor;
        default: null;
    };
    readonly: {
        type: BooleanConstructor;
        default: null;
    };
} & {
    size: {
        type: PropType<CellSize>;
        default: CellSize;
    };
    rows: (NumberConstructor | StringConstructor)[];
    type: {
        type: PropType<FieldType>;
        default: FieldType;
    };
    rules: PropType<FieldRule[]>;
    autosize: PropType<boolean | FieldAutosizeConfig>;
    labelWidth: (NumberConstructor | StringConstructor)[];
    labelClass: PropType<unknown>;
    labelAlign: PropType<FieldTextAlign>;
    labelPosition: PropType<FieldLabelPosition>;
    unit: (NumberConstructor | StringConstructor)[];
    showUnit: {
        type: PropType<boolean | undefined>;
        default: undefined;
    };
    showWordLimit: BooleanConstructor;
    errorMessageAlign: PropType<FieldTextAlign>;
    colon: {
        type: BooleanConstructor;
        default: null;
    };
    errorBorder: {
        type: BooleanConstructor;
        default: boolean;
    };
}>> & {
    onFocus?: ((...args: any[]) => any) | undefined;
    onBlur?: ((...args: any[]) => any) | undefined;
    onKeypress?: ((...args: any[]) => any) | undefined;
    "onClick-title-icon"?: ((...args: any[]) => any) | undefined;
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
    onClear?: ((...args: any[]) => any) | undefined;
    "onClick-input"?: ((...args: any[]) => any) | undefined;
    "onEnd-validate"?: ((...args: any[]) => any) | undefined;
    "onStart-validate"?: ((...args: any[]) => any) | undefined;
    "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
    "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
}, {
    type: FieldType;
    required: boolean;
    size: CellSize;
    center: boolean;
    labelClickable: boolean;
    showLabelIcon: boolean | undefined;
    descriptionClickable: boolean;
    showMultiLineNotes: boolean | undefined;
    showTitleCollapseIcon: boolean;
    defaultMultiLineNotesCollapsed: boolean;
    threeLine: boolean;
    threeLineEllipsis: boolean;
    showAvatar: boolean | undefined;
    showRightAvatar: boolean | undefined;
    showTags: boolean | undefined;
    showTitleTag: boolean | undefined;
    showWrapTags: boolean | undefined;
    titleIconClickable: boolean;
    showTitleIcon: boolean | undefined;
    showIcon: boolean | undefined;
    showRightIcon: boolean | undefined;
    showNote: boolean | undefined;
    noteBold: boolean;
    noteClickable: boolean;
    noteReplace: boolean;
    showBadge: boolean | undefined;
    leftSelect: boolean | undefined;
    showLeftSelect: boolean | undefined;
    rightSelect: boolean | undefined;
    showRightSelect: boolean | undefined;
    selectType: import("../cell").CellSelectType;
    blueMark: boolean;
    showBlueMark: boolean | undefined;
    titleBold: boolean;
    isLink: boolean;
    border: boolean;
    errorBorder: boolean;
    clickable: boolean | null;
    autofocus: boolean;
    disabled: boolean;
    modelValue: string | number;
    clearable: boolean;
    clearIcon: string;
    clearTrigger: FieldClearTrigger;
    formatTrigger: FieldFormatTrigger;
    error: boolean;
    readonly: boolean;
    showUnit: boolean | undefined;
    showWordLimit: boolean;
    colon: boolean;
}>;
export default _default;