import { default as DisplayItem } from './src/index.vue';
import { CreateComponentPublicInstance, ExtractPropTypes, PropType, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, CSSProperties } from 'vue';
import { PlusFormProps, PlusRadioProps, PlusDatePickerProps, PlusInputTagProps } from 'haotai-ui';
import { PlusColumn, RecordType, FieldValueType, TableValueType, FormItemValueType, OptionsType, OptionsRow, RenderTypes, PropsItemType, Mutable, InputType, CascaderProps, OmitTypes } from 'haotai-ui';
import { ElTooltipProps, TableColumnCtx, FormItemProps, DatePickerProps, TextProps, LinkProps, ProgressProps, SwitchProps, ImageProps, SliderProps, TimeSelectProps, InputNumberProps, TimePickerDefaultProps, ISelectProps, InputAutoSize, AutocompleteProps, CheckboxGroupProps, ColorPickerProps, InputProps, RadioGroupProps, RateProps, TagProps, ColProps } from 'element-plus';

export type PlusDisplayItemInstance = InstanceType<typeof DisplayItem>;
export type { PlusDisplayItemProps } from './src/index.vue';
export declare const PlusDisplayItem: {
    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
        index: {
            type: PropType<number>;
            default: number;
        };
        formProps: {
            type: PropType<PlusFormProps>;
            default: () => {};
        };
        editable: {
            type: PropType<boolean | "click" | "dblclick">;
            default: boolean;
        };
        column: {
            type: PropType<PlusColumn>;
            required: true;
            default: () => {
                prop: string;
                label: string;
            };
        };
        row: {
            type: PropType<RecordType>;
            required: true;
            default: () => {};
        };
        rest: {
            type: PropType<RecordType>;
            default: () => {};
        };
    }>> & {
        onChange?: ((data: {
            value: FieldValueType;
            prop: string;
            row: RecordType;
        }) => any) | undefined;
    }, {
        startCellEdit: () => void;
        stopCellEdit: () => void;
        getDisplayItemInstance: () => {
            isEdit: Ref<boolean>;
            index: number;
            prop: string;
            formInstance: ComputedRef<any>;
        };
    }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
        change: (data: {
            value: FieldValueType;
            prop: string;
            row: RecordType;
        }) => void;
    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
        index: {
            type: PropType<number>;
            default: number;
        };
        formProps: {
            type: PropType<PlusFormProps>;
            default: () => {};
        };
        editable: {
            type: PropType<boolean | "click" | "dblclick">;
            default: boolean;
        };
        column: {
            type: PropType<PlusColumn>;
            required: true;
            default: () => {
                prop: string;
                label: string;
            };
        };
        row: {
            type: PropType<RecordType>;
            required: true;
            default: () => {};
        };
        rest: {
            type: PropType<RecordType>;
            default: () => {};
        };
    }>> & {
        onChange?: ((data: {
            value: FieldValueType;
            prop: string;
            row: RecordType;
        }) => any) | undefined;
    }, {
        index: number;
        formProps: PlusFormProps;
        editable: boolean | "click" | "dblclick";
        column: PlusColumn;
        row: RecordType;
        rest: RecordType;
    }, true, {}, {}, {
        P: {};
        B: {};
        D: {};
        C: {};
        M: {};
        Defaults: {};
    }, Readonly< ExtractPropTypes<{
        index: {
            type: PropType<number>;
            default: number;
        };
        formProps: {
            type: PropType<PlusFormProps>;
            default: () => {};
        };
        editable: {
            type: PropType<boolean | "click" | "dblclick">;
            default: boolean;
        };
        column: {
            type: PropType<PlusColumn>;
            required: true;
            default: () => {
                prop: string;
                label: string;
            };
        };
        row: {
            type: PropType<RecordType>;
            required: true;
            default: () => {};
        };
        rest: {
            type: PropType<RecordType>;
            default: () => {};
        };
    }>> & {
        onChange?: ((data: {
            value: FieldValueType;
            prop: string;
            row: RecordType;
        }) => any) | undefined;
    }, {
        startCellEdit: () => void;
        stopCellEdit: () => void;
        getDisplayItemInstance: () => {
            isEdit: Ref<boolean>;
            index: number;
            prop: string;
            formInstance: ComputedRef<any>;
        };
    }, {}, {}, {}, {
        index: number;
        formProps: PlusFormProps;
        editable: boolean | "click" | "dblclick";
        column: PlusColumn;
        row: RecordType;
        rest: RecordType;
    }>;
    __isFragment?: never;
    __isTeleport?: never;
    __isSuspense?: never;
} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
    index: {
        type: PropType<number>;
        default: number;
    };
    formProps: {
        type: PropType<PlusFormProps>;
        default: () => {};
    };
    editable: {
        type: PropType<boolean | "click" | "dblclick">;
        default: boolean;
    };
    column: {
        type: PropType<PlusColumn>;
        required: true;
        default: () => {
            prop: string;
            label: string;
        };
    };
    row: {
        type: PropType<RecordType>;
        required: true;
        default: () => {};
    };
    rest: {
        type: PropType<RecordType>;
        default: () => {};
    };
}>> & {
    onChange?: ((data: {
        value: FieldValueType;
        prop: string;
        row: RecordType;
    }) => any) | undefined;
}, {
    startCellEdit: () => void;
    stopCellEdit: () => void;
    getDisplayItemInstance: () => {
        isEdit: Ref<boolean>;
        index: number;
        prop: string;
        formInstance: ComputedRef<any>;
    };
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    change: (data: {
        value: FieldValueType;
        prop: string;
        row: RecordType;
    }) => void;
}, string, {
    index: number;
    formProps: PlusFormProps;
    editable: boolean | "click" | "dblclick";
    column: PlusColumn;
    row: RecordType;
    rest: RecordType;
}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
    $slots: Partial<Record<string, (_: {
        [x: string]: any;
        label?: string | ComputedRef<string>;
        prop: string;
        width?: string | number;
        minWidth?: string | number;
        editable?: boolean;
        valueType?: TableValueType | FormItemValueType;
        hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean>;
        hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean>;
        hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean>;
        hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean>;
        descriptionsItemProps?: RecordType;
        options?: OptionsType;
        optionsMap?: {
            label?: string;
            value?: string;
        };
        customGetStatus?: (data: {
            options: OptionsRow[];
            value: string | number;
            row: RecordType;
        }) => OptionsRow;
        tooltip?: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>>;
        render?: (value: any, data: {
            row: RecordType;
            column: PlusColumn;
            index: number;
        }) => RenderTypes;
        renderHTML?: (value: any, data: {
            row: RecordType;
            column: PlusColumn;
            index: number;
        }) => string;
        renderHeader?: (label: string, props: PlusColumn) => RenderTypes;
        renderDescriptionsItem?: (data: {
            value: string;
            column: PlusColumn;
            row: RecordType;
        }) => RenderTypes;
        renderDescriptionsLabel?: (data: {
            label: string;
            column: PlusColumn;
            row: RecordType;
        }) => RenderTypes;
        order?: number | ComputedRef<number>;
        children?: PlusColumn[];
        headerFilter?: boolean;
        disabledHeaderFilter?: boolean;
        tableColumnProps?: Partial<Omit< TableColumnCtx<any>, "label " | "prop" | "width" | "minWidth"> & {
            [key: string]: any;
        }>;
        preview?: boolean;
        linkText?: string;
        formatter?: (value: any, data: {
            row: RecordType;
            column: PlusColumn;
            index: number;
        }) => string | number;
        formProps?: Partial< PlusFormProps> | ComputedRef<Partial< PlusFormProps>> | ((value: FieldValueType, data: {
            row: Record<string, any>;
            index: number;
        }) => Partial< PlusFormProps>);
        formItemProps?: PropsItemType< Mutable<FormItemProps> & {
            [key: string]: any;
            style?: CSSProperties;
        }>;
        fieldProps?: PropsItemType<Partial<{
            [key: string]: any;
            style: CSSProperties;
            rows: number;
            autocomplete: string;
            type: DatePickerProps["type"] | TextProps["type"] | LinkProps["type"] | ProgressProps["type"] | InputType | "textarea";
            loading: SwitchProps["loading"] | ImageProps["loading"];
            step: SliderProps["step"] | TimeSelectProps["step"] | InputNumberProps["step"];
            format: DatePickerProps["format"] | TimePickerDefaultProps["format"] | TimeSelectProps["format"] | ProgressProps["format"];
            filterMethod: CascaderProps["filterMethod"] | ISelectProps["filterMethod"];
            id: string | [string, string];
            effect: ISelectProps["effect"];
            height: string | number;
            autosize: InputAutoSize;
        } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>> | undefined;
        renderField?: (value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes;
        colProps?: Partial< Mutable<ColProps> & {
            [key: string]: any;
            style?: CSSProperties;
        }>;
        hasLabel?: boolean | Ref<boolean> | ComputedRef<boolean>;
        renderLabel?: (label: string, props: PlusColumn) => RenderTypes;
        renderExtra?: (column: PlusColumn) => RenderTypes;
        fieldSlots?: {
            [slotName: string]: (data?: any) => RenderTypes;
        };
        fieldChildrenSlot?: (option?: OptionsRow) => RenderTypes;
    }) => any>> & Partial<Record<string, (_: {
        [x: string]: any;
        label?: string | ComputedRef<string>;
        prop: string;
        width?: string | number;
        minWidth?: string | number;
        editable?: boolean;
        valueType?: TableValueType | FormItemValueType;
        hideInDescriptions?: boolean | Ref<boolean> | ComputedRef<boolean>;
        hideInForm?: boolean | Ref<boolean> | ComputedRef<boolean>;
        hideInTable?: boolean | Ref<boolean> | ComputedRef<boolean>;
        hideInSearch?: boolean | Ref<boolean> | ComputedRef<boolean>;
        descriptionsItemProps?: RecordType;
        options?: OptionsType;
        optionsMap?: {
            label?: string;
            value?: string;
        };
        customGetStatus?: (data: {
            options: OptionsRow[];
            value: string | number;
            row: RecordType;
        }) => OptionsRow;
        tooltip?: string | Partial< ElTooltipProps> | ComputedRef<string> | ComputedRef<Partial< ElTooltipProps>>;
        render?: (value: any, data: {
            row: RecordType;
            column: PlusColumn;
            index: number;
        }) => RenderTypes;
        renderHTML?: (value: any, data: {
            row: RecordType;
            column: PlusColumn;
            index: number;
        }) => string;
        renderHeader?: (label: string, props: PlusColumn) => RenderTypes;
        renderDescriptionsItem?: (data: {
            value: string;
            column: PlusColumn;
            row: RecordType;
        }) => RenderTypes;
        renderDescriptionsLabel?: (data: {
            label: string;
            column: PlusColumn;
            row: RecordType;
        }) => RenderTypes;
        order?: number | ComputedRef<number>;
        children?: PlusColumn[];
        headerFilter?: boolean;
        disabledHeaderFilter?: boolean;
        tableColumnProps?: Partial<Omit< TableColumnCtx<any>, "label " | "prop" | "width" | "minWidth"> & {
            [key: string]: any;
        }>;
        preview?: boolean;
        linkText?: string;
        formatter?: (value: any, data: {
            row: RecordType;
            column: PlusColumn;
            index: number;
        }) => string | number;
        formProps?: Partial< PlusFormProps> | ComputedRef<Partial< PlusFormProps>> | ((value: FieldValueType, data: {
            row: Record<string, any>;
            index: number;
        }) => Partial< PlusFormProps>);
        formItemProps?: PropsItemType< Mutable<FormItemProps> & {
            [key: string]: any;
            style?: CSSProperties;
        }>;
        fieldProps?: PropsItemType<Partial<{
            [key: string]: any;
            style: CSSProperties;
            rows: number;
            autocomplete: string;
            type: DatePickerProps["type"] | TextProps["type"] | LinkProps["type"] | ProgressProps["type"] | InputType | "textarea";
            loading: SwitchProps["loading"] | ImageProps["loading"];
            step: SliderProps["step"] | TimeSelectProps["step"] | InputNumberProps["step"];
            format: DatePickerProps["format"] | TimePickerDefaultProps["format"] | TimeSelectProps["format"] | ProgressProps["format"];
            filterMethod: CascaderProps["filterMethod"] | ISelectProps["filterMethod"];
            id: string | [string, string];
            effect: ISelectProps["effect"];
            height: string | number;
            autosize: InputAutoSize;
        } & Mutable<Omit< AutocompleteProps, OmitTypes> & Omit< CascaderProps, OmitTypes> & Omit< CheckboxGroupProps, OmitTypes> & Omit< ColorPickerProps, OmitTypes> & Omit< DatePickerProps, OmitTypes> & Omit< InputProps, OmitTypes> & Omit< InputNumberProps, OmitTypes> & Omit< RadioGroupProps, OmitTypes> & Omit< RateProps, OmitTypes> & Omit< ISelectProps, OmitTypes> & Omit< SliderProps, OmitTypes> & Omit< SwitchProps, OmitTypes> & Omit< TimePickerDefaultProps, OmitTypes> & Omit< TimeSelectProps, OmitTypes> & Omit< PlusRadioProps, OmitTypes> & Omit< PlusDatePickerProps, OmitTypes> & Omit< PlusInputTagProps, OmitTypes> & Omit< TextProps, OmitTypes> & Omit< ImageProps, OmitTypes> & Omit< LinkProps, OmitTypes> & Omit< TagProps, OmitTypes> & Omit< ProgressProps, OmitTypes>>>> | undefined;
        renderField?: (value: FieldValueType, onChange: (value: FieldValueType) => void, props: PlusColumn) => RenderTypes;
        colProps?: Partial< Mutable<ColProps> & {
            [key: string]: any;
            style?: CSSProperties;
        }>;
        hasLabel?: boolean | Ref<boolean> | ComputedRef<boolean>;
        renderLabel?: (label: string, props: PlusColumn) => RenderTypes;
        renderExtra?: (column: PlusColumn) => RenderTypes;
        fieldSlots?: {
            [slotName: string]: (data?: any) => RenderTypes;
        };
        fieldChildrenSlot?: (option?: OptionsRow) => RenderTypes;
    }) => any>> & Partial<Record<string, (_: {
        column: any;
        prop: string;
        valueType: TableValueType | FormItemValueType;
        row: RecordType;
        index: number;
        rowIndex: number;
        fieldProps: RecordType;
        options: OptionsRow<undefined>[];
        value: any;
    }) => any>> & {
        "edit-icon"?(_: {}): any;
    };
});