import type { Ref, ShallowRef, VNode } from "vue";
import "vue/jsx";
export type VModelGetSet = {
    get: () => any;
    set: (value: any) => void;
};
export type VModelRefKey = {
    ref: any;
    key: string;
};
export type BindBuilderModelValue = {
    onChange?: (value: any) => void;
} & (VModelGetSet | VModelRefKey);
export type BindBuilderOptions = {
    is?: string | ShallowRef;
    props?: any;
    vModel?: BindBuilderModelValue;
    slots?: WritableSlots;
};
export type UiSlotRet = string | VNode | VNode[] | JSX.Element | JSX.Element[] | UiSlotRet[];
export type UiSlot = (scope?: any) => UiSlotRet;
export type WritableSlots = {
    [name: string]: UiSlot | undefined;
};
export type ComponentRenderBinding = {
    is: string | ShallowRef;
    props: any;
    slots?: WritableSlots;
};
export interface BaseCI<P = any> {
    builder?: (options: P) => ComponentRenderBinding;
    buildProps?: (options: P) => any;
    builderComputed?: (options: P) => Ref<ComponentRenderBinding>;
    render?: (options: P) => UiSlotRet;
}
export type CI<P = any> = {
    name: string;
    modelValue?: string;
    __options?: P;
    builder: (options: P) => ComponentRenderBinding;
    buildProps: (options: P) => any;
    builderComputed: (options: P) => Ref<ComponentRenderBinding>;
    render: (options: P) => UiSlotRet;
};
export type SelectBuilderOption = {
    multiple?: boolean;
    clearable?: boolean;
    valueName?: string;
    labelName?: string;
    options?: any[];
    searchable?: boolean;
} & BindBuilderOptions;
export interface SelectCI extends CI<SelectBuilderOption> {
    modelValue: string;
    clearable: string;
    filterable: string;
    buildMultiBinding: (multiple: boolean) => ComponentBinding;
}
export type OptionBuilderOption = {} & BindBuilderOptions;
export interface OptionCI extends CI<OptionBuilderOption> {
    value: string;
    label: string;
}
export type TreeSelectBuilderOption = {} & BindBuilderOptions;
export interface TreeSelectCI extends CI<TreeSelectBuilderOption> {
    modelValue: string;
    clearable: string;
    options: string;
    value: string;
    label: string;
    children: string;
    buildOptionKeysNameBinding(param: {
        children: any;
        label: any;
        value: any;
    }): any;
}
export type RadioBuilderOption = {
    value?: string;
} & BindBuilderOptions;
export interface RadioCI extends CI<RadioBuilderOption> {
    value: string;
}
export type RadioGroupBuilderOption = {} & BindBuilderOptions;
export interface RadioGroupCI extends CI<RadioGroupBuilderOption> {
    modelValue: string;
}
export type RadioButtonBuilderOption = {
    value?: string;
} & BindBuilderOptions;
export interface RadioButtonCI extends CI<RadioButtonBuilderOption> {
    value: string;
}
export type InputBuilderOptions = {
    clearable?: boolean;
} & BindBuilderOptions;
export interface InputCI extends CI {
    clearable: string;
    modelValue: string;
}
export type InputNumberBuilderOptions = {} & BindBuilderOptions;
export interface InputNumberCI extends CI<InputNumberBuilderOptions> {
    modelValue: string;
}
export type InputGroupBuilderOption = {} & BindBuilderOptions;
export type InputGroupCI = CI<InputGroupBuilderOption>;
export type InputPasswordBuilderOption = {} & BindBuilderOptions;
export interface InputPasswordCI extends CI<InputPasswordBuilderOption> {
    passwordType: Object;
    clearable: string;
    modelValue: string;
}
export type TextAreaBuilderOption = {
    clearable?: boolean;
} & BindBuilderOptions;
export interface TextAreaCI extends CI<TextAreaBuilderOption> {
    type: string;
    clearable: string;
    modelValue: string;
}
export type DialogFooterBuilder = (footer?: any) => ComponentBinding;
export type DialogOnClosedBindBuilder = (onClose: (visible: boolean) => void) => ComponentBinding;
export type DialogBuilderOption = {
    title?: string;
    width?: string;
    footer?: UiSlot;
    customClass?: string;
} & BindBuilderOptions;
export type DialogOpenOption = {
    title?: string | UiSlot;
    content?: string | UiSlot;
    width?: number | string;
    okText?: string;
    cancelText?: string;
    onCancel?: () => Promise<void>;
    onOk?: () => Promise<void>;
    type: "info" | "success" | "warning" | "error" | "confirm";
};
export interface DialogCI extends CI<DialogBuilderOption> {
    visible: string;
    footer: DialogFooterBuilder;
    buildOnClosedBind: DialogOnClosedBindBuilder;
    customClass: string;
    footerSlotName?: string;
    titleSlotName?: string;
    buildWidthBind?: (width: any) => ComponentBinding;
    buildInitBind?: () => ComponentBinding;
    open: (opts: DialogOpenOption) => void;
}
export type DrawerBuilderOption = {
    width?: number | string;
} & BindBuilderOptions;
export interface DrawerCI extends CI<DrawerBuilderOption> {
    visible: string;
    customClass: string;
    width: string;
    hasContentWrap?: string;
}
export type TableColumnBuilderOption = {} & BindBuilderOptions;
export interface TableColumnCI extends CI<TableColumnBuilderOption> {
    label: string;
    prop: string;
    row: string;
    index: string;
}
export type TableOnChangeBindingBuilder = (context: {
    onSortChange: (sorter: TableSorterContext) => void;
    onFilterChange: (filters: any) => void;
    onPagination: (pagination: any) => void;
    /**
     * 原始事件向上冒泡
     */
    bubbleUp(change: (events: any) => void): void;
}) => any;
export type ComponentBinding = {
    [key: string]: any;
};
export type TableSorterContext = {
    isServerSort: boolean;
    prop: string;
    order: string;
    asc: boolean;
};
export type TableBuilderOption = {} & BindBuilderOptions;
export type TableScrollReq = {
    top: number;
    tableRef: any;
    fsTableRef: any;
};
export type TableSetSelectedRows = {
    selectedRowKeys: Ref<any[]>;
    data?: any[];
    tableRef: any;
    multiple: boolean;
    getRowKey: any;
};
export type TableSelectionReq = {
    crossPage: boolean;
    getRowKey?: () => any;
    getPageData?: () => any[];
    multiple: boolean;
    useCompute: () => {
        compute: any;
        asyncCompute: any;
    };
    selectedRowKeys: Ref<any[]> | Function;
    selectOnClickRow?: boolean;
    onSelectedKeysChanged: (selectedRowKeys: any[]) => void;
    selectionFixed?: string;
};
export interface TableCI extends CI<TableBuilderOption> {
    defaultRowKey?: string | ((rowData: any) => any);
    data: string;
    fixedHeaderNeedComputeBodyHeight: boolean;
    headerDomSelector: string;
    buildMaxHeight: (maxHeight: number) => ComponentBinding;
    hasMaxHeight: (tableOptions: any) => boolean;
    vLoading: boolean | string;
    columnsIsFlat?: boolean;
    buildMultiHeadersBind?: (opts: {
        treeColumns: any[];
        flatColumns: any[];
    }) => {
        bind: ComponentBinding;
        slots: any;
    };
    onChange: TableOnChangeBindingBuilder;
    /**
     * 列render的模式，antdv和naive为config模式，element为slot模式
     */
    renderMode: string;
    /**
     * render的方法名
     */
    renderMethod?: string;
    /**
     * render 方法触发时的参数构建出一个scope
     */
    rebuildRenderScope?: (scope: any, prop2?: any, prop3?: any, prop4?: any) => ComponentBinding;
    scrollTo(req: TableScrollReq): void;
    buildSelectionCrudOptions(req: TableSelectionReq): ComponentBinding;
    setSelectedRows?: (req: TableSetSelectedRows) => void;
}
export type CheckboxGroupBuilderOption = {} & BindBuilderOptions;
export interface CheckboxGroupCI extends CI<CheckboxGroupBuilderOption> {
    modelValue: string;
}
export type CheckboxBuilderOption = {} & BindBuilderOptions;
export interface CheckboxCI extends CI<CheckboxBuilderOption> {
    resolveEvent: (e: any) => any;
    value: string;
    modelValue: string;
    onChange: (onUpdateModelValue: (value: any) => any) => any;
}
export interface CascaderCI extends CI {
    modelValue: string;
    clearable: string;
    fieldNames: (namesMap: {
        value: string;
        label: string;
        children: string;
    }) => any;
}
export type TabsBuilderOptions = {} & BindBuilderOptions;
export type TabsCI = {
    modelValue: string;
    tabChange: string;
} & CI<TabsBuilderOptions>;
export type TabPaneBuilderOptions = {} & BindBuilderOptions;
export type TabPaneCI = {
    key: string;
    tab: string;
} & CI<TabPaneBuilderOptions>;
export type CollapseBuilderOptions = {
    key?: string;
} & BindBuilderOptions;
export interface CollapseCI extends CI<CollapseBuilderOptions> {
    modelValue: string;
    keyName: string;
}
export type CollapseTransitionCI = CI;
export type CollapseItemBuilderOptions = {
    titleSlot?: UiSlot;
    /**
     * 标题右边的插槽
     */
    extraSlot?: UiSlot;
    /**
     * 每个panel对应的key
     */
    key?: string;
} & BindBuilderOptions;
export type CollapseItemCI = {
    titleSlotName: string;
    extraSlotName: string;
    key: string;
} & CI<CollapseItemBuilderOptions>;
export type SwitchBuilderOptions = {
    activeColor?: string;
    activeText?: string;
    activeValue?: string;
    inactiveColor?: string;
    inactiveText?: string;
    inactiveValue?: string;
} & BindBuilderOptions;
export interface SwitchCI extends CI<SwitchBuilderOptions> {
    modelValue: string;
    activeColor: string;
    activeValue: string;
    activeText: string;
    inactiveText: string;
    inactiveColor: string;
    inactiveValue: string;
}
export type MessageContext = string | {
    type?: string;
    message?: string;
    content?: string;
};
export interface MessageCI extends CI {
    open: (type: string, context: MessageContext | string) => void;
    success: (context: MessageContext) => void;
    error: (context: MessageContext) => void;
    warn: (context: MessageContext) => void;
    info: (context: MessageContext) => void;
    instance: any;
    getInstance?: any;
}
export type MessageBoxContextType = {
    title?: string;
    message?: string;
    confirmButtonText?: string;
    cancelButtonText?: string;
    type?: string;
    [key: string]: any;
};
export type MessageBoxOpenType = (context: MessageBoxContextType) => Promise<void>;
export interface MessageBoxCI extends CI {
    open: MessageBoxOpenType;
    confirm: MessageBoxOpenType;
    instance: any;
    getInstance?: any;
}
export type NotificationContext = string | {
    type?: string;
    message?: string;
    text?: string;
    title?: string;
};
export interface NotificationCI extends CI {
    open: (type: string, context: NotificationContext | string) => void;
    success: (message: NotificationContext) => void;
    error: (message: NotificationContext) => void;
    warn: (message: NotificationContext) => void;
    info: (message: NotificationContext) => void;
    instance: any;
    getInstance?: any;
}
export interface IconCI extends CI {
    isComponent: boolean;
    circle?: Record<string, any>;
}
export type FsUiFormItemContext = {
    onChange: () => Promise<void>;
    onBlur: () => Promise<void>;
};
export type FormBuilderOption = {} & BindBuilderOptions;
export interface FormCI extends CI<FormBuilderOption> {
    name: string;
    inlineLayout: Object;
    validateWrap: (formRef: any) => Promise<any>;
    transformValidateErrors: (e: Error) => ComponentBinding;
}
export type FormItemBuilderOption = {} & BindBuilderOptions;
export interface FormItemCI extends CI<FormItemBuilderOption> {
    prop: string;
    label: string;
    rules: string;
    injectFormItemContext: () => FsUiFormItemContext;
    skipValidationWrapper: string;
}
export interface TooltipCI extends CI {
    content: string;
    trigger: string;
}
export interface TagCI extends CI {
    type: string;
    colors: Array<string>;
}
type FormWrapperOnClosedBindBuilder = (is: string, onClose: (visible: boolean) => void) => any;
export interface FormWrapperCI extends CI {
    visible: string;
    buildOnClosedBind: FormWrapperOnClosedBindBuilder;
    customClass: (is: string) => string;
    titleSlotName: string;
    buildWidthBind: (is: string, width: any) => {};
    buildInitBind: (is: string) => {};
    buildInnerBind: (opts: any) => {};
    hasContentWrap?: (is: string) => string | undefined;
}
export interface DatePickerCI extends CI {
    modelValue: string;
    buildDateType: (type: string) => ComponentBinding;
}
export interface TimePickerCI extends CI {
    modelValue: string;
}
export interface DropdownCI extends CI {
    command: (callback: (key: any) => void) => ComponentBinding;
    slotName: string;
    /**
     * 选项的渲染模式，slot or config
     */
    renderMode: string;
    value?: string;
    label?: string;
    children?: string;
}
export interface DropdownMenuCI extends CI {
    command: (callback: (key: string) => void) => ComponentBinding;
}
export interface DropdownItemCI extends CI {
    command: string;
}
export type ImageGroupCI = CI;
export type ImagePreviewBindBuilder = (opts: {
    url: string;
    urls: string[];
    previewUrl: string;
    previewUrls: string[];
    index: number;
}) => any;
export interface ImageCI extends CI {
    buildPreviewBind: ImagePreviewBindBuilder;
    fallback: string;
}
export type ProgressCI = CI;
export interface LoadingCI extends CI {
    name: string;
    type: string;
}
export interface UploadCI extends CI {
    id: string;
    name: string;
    type: string;
    typeImageCard: string;
    typeImage: string;
    getStatusFromEvent: (event: any) => string;
    getFileListFromEvent: (event: any, event2?: any, event3?: any, event4?: any) => any[];
    status: {
        success: string;
        uploading: string;
    };
    limitAdd: number;
    isSuccess: (fileItem: any) => Boolean;
}
export type ButtonBuilderOptions = {
    icon?: UiSlot;
    circle?: boolean;
    linkType?: boolean;
    textType?: boolean;
    color?: string;
} & BindBuilderOptions;
export interface ButtonCI extends CI<ButtonBuilderOptions> {
    name: string;
    textType: Object;
    linkType: Object;
    colors: (type: string) => any;
    circle: Object;
}
export type PaginationOnChangeContext = {
    setCurrentPage: (current: number) => void;
    setPageSize: (pageSize: number) => void;
    doAfterChange: () => Promise<void>;
};
export type PaginationOnChangeBindingBuilder = (context: PaginationOnChangeContext) => any;
export interface PaginationCI extends CI {
    name: string;
    currentPage: string;
    onChange: PaginationOnChangeBindingBuilder;
    total: string;
    pageCount: string;
}
export interface DividerCI extends CI {
    name: string;
}
export type CardCI = CI;
export type RowCI = CI;
export type ColCI = CI;
export type PopoverBuilderOptions = {
    contentSlot?: UiSlot;
    triggerSlot?: UiSlot;
    /**
     * 偏移位置
     */
    position?: {
        x: string;
        y: string;
    };
} & BindBuilderOptions;
export interface PopoverCI extends CI<PopoverBuilderOptions> {
    name: string;
    /**
     * 内容插槽
     */
    contentSlotName: string;
    /**
     * 触发源插槽
     */
    triggerSlotName: string;
    visible: string;
}
export type BadgeBuilderOptions = {
    value: number | string;
} & BindBuilderOptions;
export interface BadgeCI extends CI<BadgeBuilderOptions> {
    name: string;
    /**
     * 计数参数名称
     */
    value: string;
}
export interface ColorPickerCI extends CI {
    name: string;
}
export type ButtonGroupBuilderOptions = {} & BindBuilderOptions;
export interface ButtonGroupCI extends CI<ButtonGroupBuilderOptions> {
}
export interface Icons {
    refresh: string;
    search: string;
    compact: string;
    columnsFilter: string;
    add: string;
    edit: string;
    remove: string;
    export: string;
    check: string;
    sort: string;
    close: string;
    left: string;
    right: string;
    arrowLeft: string;
    arrowRight: string;
    more: string;
    plus: string;
    zoomIn: string;
    zoomOut: string;
    refreshLeft: string;
    refreshRight: string;
    upload: string;
    fullScreen: string;
    unFullScreen: string;
    question: string;
    caretUp: string;
    caretDown: string;
    eye: string;
    info: string;
}
export interface UiInterface {
    modelValue: string;
    type: string;
    version?: string;
    inputGroup: InputGroupCI;
    input: InputCI;
    number: InputNumberCI;
    inputPassword: InputPasswordCI;
    textArea: TextAreaCI;
    tag: TagCI;
    table: TableCI;
    tableColumn: TableColumnCI;
    tableV2?: TableCI;
    tableColumnV2?: TableColumnCI;
    tableColumnGroupV2?: TableColumnCI;
    tableColumnGroup: TableColumnCI;
    pagination: PaginationCI;
    button: ButtonCI;
    form: FormCI;
    formItem: FormItemCI;
    tooltip: TooltipCI;
    radioGroup: RadioGroupCI;
    radioButton: RadioButtonCI;
    radio: RadioCI;
    checkboxGroup: CheckboxGroupCI;
    checkbox: CheckboxCI;
    select: SelectCI;
    treeSelect: TreeSelectCI;
    option: OptionCI;
    collapseTransition: CollapseTransitionCI;
    card: CardCI;
    drawer: DrawerCI;
    col: ColCI;
    row: RowCI;
    buttonGroup: ButtonGroupCI;
    dialog: DialogCI;
    icon: IconCI;
    icons: Icons;
    message: MessageCI;
    notification: NotificationCI;
    messageBox: MessageBoxCI;
    formWrapper: FormWrapperCI;
    cascader: CascaderCI;
    switch: SwitchCI;
    datePicker: DatePickerCI;
    timePicker: TimePickerCI;
    dropdown: DropdownCI;
    dropdownMenu: DropdownMenuCI;
    dropdownItem: DropdownItemCI;
    imageGroup: ImageGroupCI;
    image: ImageCI;
    progress: ProgressCI;
    loading: LoadingCI;
    upload: UploadCI;
    tabs: TabsCI;
    tabPane: TabPaneCI;
    collapse: CollapseCI;
    collapseItem: CollapseItemCI;
    divider: DividerCI;
    popover: PopoverCI;
}
export {};