import { MaybeRef } from 'vue'

import { MaybePromise } from '@ithinkdt/common'
import { DeptOption, UserGroupOption } from '@ithinkdt/ui/components'

import { Entity, EntityField } from './entity.js'
import { LcMaterials } from './materials.js'

export { LcMaterials } from './materials.js'

export declare const root: LcMaterials['RootContainer']
export declare const base: LcMaterials['BaseContainer']
export declare const flex: LcMaterials['FlexContainer']
export declare const form: (options: {
    getEntities: () => Promise<Entity[]>
    preset?: 'page' | 'flow'
}) => [LcMaterials['FormContainer'], LcMaterials['FormItem']]
export declare const dialog: LcMaterials['DialogContainer']
export declare const drawer: LcMaterials['DrawerContainer']
export declare const tabs: LcMaterials['TabsContainer']

export declare const queryForm: LcMaterials['QueryForm']
export declare const submitForm: LcMaterials['SubmitForm']

export declare const text: LcMaterials['Text']
export declare const button: LcMaterials['Button']
export declare const icon: LcMaterials['Icon']
export declare const fileBtn: LcMaterials['FileBtn']
export declare const divider: LcMaterials['Divider']
export declare const link: LcMaterials['Link']
export declare const headline: LcMaterials['Headline']
export declare const table: LcMaterials['DataTable']
export declare const pagin: LcMaterials['Pagin']
export declare const tree: LcMaterials['Tree']
export declare const qrcode: LcMaterials['QrCode']
export declare const image: LcMaterials['Image']
export declare const imageGroup: LcMaterials['ImageGroup']

export declare const input: LcMaterials['Input']
export declare const passwd: LcMaterials['Passwd']
export declare const textarea: LcMaterials['Textarea']
export declare const number: LcMaterials['Number']
export declare const switcher: LcMaterials['Switch']
export declare const checkbox: LcMaterials['Checkbox']
export declare const transfer: LcMaterials['Transfer']
export declare const date: [LcMaterials['Date'], LcMaterials['Datetime']]
export declare const time: LcMaterials['Time']
export declare const select: LcMaterials['Select']
export declare const radios: LcMaterials['Radios']
export declare const checkboxes: LcMaterials['Checkboxes']
export declare const color: LcMaterials['Color']
export declare const rate: LcMaterials['Rate']
export declare const slider: LcMaterials['Slider']
export declare const tags: LcMaterials['Tags']
export declare const upload: LcMaterials['Upload']
export declare const richText: LcMaterials['RichText']
export declare const treeSelect: LcMaterials['TreeSelect']
export declare const cascader: LcMaterials['Cascader']
export declare const editTable: LcMaterials['EditTable']
export declare const userDept: (options: {
    users?: MaybeRef<{ username: string, nickname: string }[]>
    groups?: MaybeRef<UserGroupOption[]>
    depts?: MaybeRef<DeptOption[]>
    getUsersByGroup?: (group: string) => Promise<{ username: string, nickname: string }[]>
    getUsersByDept?: (dept: string) => Promise<{ username: string, nickname: string }[]>
    getUsersByUsername?: (usernames: string[]) => Promise<{ username: string, nickname: string }[]>
    getDeptsByCode?: (codes: string[]) => Promise<DeptOption[]>
}) => LcMaterials['UserDept']
export declare const serialNo: (
    options: {
        getSerialNo?: (code: string) => MaybePromise<string>
        getSerials: () => Promise<{ code: string, name: string }[]>
    },
) => LcMaterials['SerialNo']

export declare const createFormStateGetterByEntity: (
    entity: Entity,
    formType?: 'form' | 'query' | 'view',
    fields?: (EntityField & { label?: string, value?: string })[],
) => string