import { CSSProperties } from 'react';
import { JSX as JSX_2 } from 'react/jsx-runtime';
import { PropsWithChildren } from 'react';
import { ReactNode } from 'react';
import { UseCallbackStateSetter } from 'mixlea-hooks-react';
import { ViewProps } from '@tarojs/components';

declare interface ButtonListButtonItem extends MlButtonProps {
    hidden?: boolean | (() => boolean);
    visible?: boolean | (() => boolean);
}

declare interface ButtonListStylePartProps extends Pick<MlButtonProps, 'paddingX' | 'theme' | 'contentGapX' | 'fontBold' | 'textSize' | 'height' | 'color' | 'shadow' | 'rounded' | 'minWidth' | 'iconPlacement' | 'iconBold' | 'iconSize'> {
    gapX?: 'none' | 'mini' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl';
    seperator?: boolean;
    stopClickEventPropagation?: boolean;
}

declare interface CellClickExtensionConfig {
    mapping: Record<string, (opts: {
        cellValue: any;
        formData: MlBaseFormData;
    }) => void>;
}

declare interface CellClickExtensionConfig_2 {
    mapping: Record<string, (opts: {
        cellValue: any;
        row: MlBaseFormListRow;
        rowIndex: number;
        colIndex: number;
    }) => void>;
}

declare interface CellRequiredConfig {
    mapping: Record<string, boolean | ((formData: MlBaseFormData) => boolean)>;
}

declare interface CellRequiredExtensionConfig {
    enable?: (mappingField: string, row: Record<string, any>, validateMappingFields: string[]) => boolean;
    mapping: MappingValue | ((opts: {
        columns: MlBaseFormListProps['columns'];
    }) => MappingValue);
}

declare interface ColumnHiddenConfig {
    mapping: Record<string, boolean | ((formData: Record<string, any>, cellValue: any) => boolean)>;
}

declare interface ColumnHiddenConfig_2 {
    mapping: Record<string, boolean | ((formListData: Record<string, any>, cellValue: any) => boolean)>;
}

declare interface ColumnVisibleConfig {
    mapping: Record<string, boolean | ((formData: Record<string, any>, cellValue: any) => boolean)>;
}

declare interface ColumnVisibleConfig_2 {
    mapping: Record<string, boolean | ((formListData: Record<string, any>, cellValue: any) => boolean)>;
}

declare interface FooterLeftButtonListExtensionConfig {
    defaultState?: any;
    getProps: (opts: {
        formData: PipelineState['formData'];
        headerLeftSlotState: PipelineState['headerLeftSlot'];
        headerRightSlotState: PipelineState['headerRightSlot'];
        footerLeftSlotState: PipelineState['footerLeftSlot'];
        footerRightSlotState: PipelineState['footerRightSlot'];
        headerLeftButtonListState: PipelineState['headerLeftButtonList'];
        headerRightButtonListState: PipelineState['headerRightButtonList'];
        footerLeftButtonListState: PipelineState['footerLeftButtonList'];
        footerRightButtonListState: PipelineState['footerRightButtonList'];
        setStateAtKey: Pipeline['setStateAtKey'];
        setPartialState: Pipeline['setPartialState'];
    }) => MlButtonListProps;
    onChange?: (nextState: any) => void;
}

declare interface FooterLeftButtonListExtensionConfig_2 {
    defaultState?: any;
    getProps: (opts: {
        formListData: PipelineState_2['formListData'];
        headerLeftSlotState: PipelineState_2['headerLeftSlot'];
        headerRightSlotState: PipelineState_2['headerRightSlot'];
        footerLeftSlotState: PipelineState_2['footerLeftSlot'];
        footerRightSlotState: PipelineState_2['footerRightSlot'];
        headerLeftButtonListState: PipelineState_2['headerLeftButtonList'];
        headerRightButtonListState: PipelineState_2['headerRightButtonList'];
        footerLeftButtonListState: PipelineState_2['footerLeftButtonList'];
        footerRightButtonListState: PipelineState_2['footerRightButtonList'];
        setStateAtKey: Pipeline_2['setStateAtKey'];
        setPartialState: Pipeline_2['setPartialState'];
    }) => MlButtonListProps;
    onChange?: (nextState: any) => void;
}

declare interface FooterLeftSlotExtensionConfig {
    defaultState?: any;
    render: (opts: {
        formData: PipelineState['formData'];
        headerLeftSlotState: PipelineState['headerLeftSlot'];
        headerRightSlotState: PipelineState['headerRightSlot'];
        footerLeftSlotState: PipelineState['footerLeftSlot'];
        footerRightSlotState: PipelineState['footerRightSlot'];
        headerLeftButtonListState: PipelineState['headerLeftButtonList'];
        headerRightButtonListState: PipelineState['headerRightButtonList'];
        footerLeftButtonListState: PipelineState['footerLeftButtonList'];
        footerRightButtonListState: PipelineState['footerRightButtonList'];
        setStateAtKey: Pipeline['setStateAtKey'];
        setPartialState: Pipeline['setPartialState'];
    }) => JSXElement;
    onChange?: (nextState: any) => void;
}

declare interface FooterLeftSlotExtensionConfig_2 {
    defaultState?: any;
    render: (opts: {
        formListData: PipelineState_2['formListData'];
        headerLeftSlotState: PipelineState_2['headerLeftSlot'];
        headerRightSlotState: PipelineState_2['headerRightSlot'];
        footerLeftSlotState: PipelineState_2['footerLeftSlot'];
        footerRightSlotState: PipelineState_2['footerRightSlot'];
        headerLeftButtonListState: PipelineState_2['headerLeftButtonList'];
        headerRightButtonListState: PipelineState_2['headerRightButtonList'];
        footerLeftButtonListState: PipelineState_2['footerLeftButtonList'];
        footerRightButtonListState: PipelineState_2['footerRightButtonList'];
        setStateAtKey: Pipeline_2['setStateAtKey'];
        setPartialState: Pipeline_2['setPartialState'];
    }) => JSXElement;
    onChange?: (nextState: any) => void;
}

declare interface FooterRightButtonListExtensionConfig {
    defaultState?: any;
    getProps: (opts: {
        formData: PipelineState['formData'];
        headerLeftSlotState: PipelineState['headerLeftSlot'];
        headerRightSlotState: PipelineState['headerRightSlot'];
        footerLeftSlotState: PipelineState['footerLeftSlot'];
        footerRightSlotState: PipelineState['footerRightSlot'];
        headerLeftButtonListState: PipelineState['headerLeftButtonList'];
        headerRightButtonListState: PipelineState['headerRightButtonList'];
        footerLeftButtonListState: PipelineState['footerLeftButtonList'];
        footerRightButtonListState: PipelineState['footerRightButtonList'];
        setStateAtKey: Pipeline['setStateAtKey'];
        setPartialState: Pipeline['setPartialState'];
    }) => MlButtonListProps;
    onChange?: (nextState: any) => void;
}

declare interface FooterRightButtonListExtensionConfig_2 {
    defaultState?: any;
    getProps: (opts: {
        formListData: PipelineState_2['formListData'];
        headerLeftSlotState: PipelineState_2['headerLeftSlot'];
        headerRightSlotState: PipelineState_2['headerRightSlot'];
        footerLeftSlotState: PipelineState_2['footerLeftSlot'];
        footerRightSlotState: PipelineState_2['footerRightSlot'];
        headerLeftButtonListState: PipelineState_2['headerLeftButtonList'];
        headerRightButtonListState: PipelineState_2['headerRightButtonList'];
        footerLeftButtonListState: PipelineState_2['footerLeftButtonList'];
        footerRightButtonListState: PipelineState_2['footerRightButtonList'];
        setStateAtKey: Pipeline_2['setStateAtKey'];
        setPartialState: Pipeline_2['setPartialState'];
    }) => MlButtonListProps;
    onChange?: (nextState: any) => void;
}

declare interface FooterRightSlotExtensionConfig {
    defaultState?: any;
    render: (opts: {
        formData: PipelineState['formData'];
        headerLeftSlotState: PipelineState['headerLeftSlot'];
        headerRightSlotState: PipelineState['headerRightSlot'];
        footerLeftSlotState: PipelineState['footerLeftSlot'];
        footerRightSlotState: PipelineState['footerRightSlot'];
        headerLeftButtonListState: PipelineState['headerLeftButtonList'];
        headerRightButtonListState: PipelineState['headerRightButtonList'];
        footerLeftButtonListState: PipelineState['footerLeftButtonList'];
        footerRightButtonListState: PipelineState['footerRightButtonList'];
        setStateAtKey: Pipeline['setStateAtKey'];
        setPartialState: Pipeline['setPartialState'];
    }) => JSXElement;
    onChange?: (nextState: any) => void;
}

declare interface FooterRightSlotExtensionConfig_2 {
    defaultState?: any;
    render: (opts: {
        formListData: PipelineState_2['formListData'];
        headerLeftSlotState: PipelineState_2['headerLeftSlot'];
        headerRightSlotState: PipelineState_2['headerRightSlot'];
        footerLeftSlotState: PipelineState_2['footerLeftSlot'];
        footerRightSlotState: PipelineState_2['footerRightSlot'];
        headerLeftButtonListState: PipelineState_2['headerLeftButtonList'];
        headerRightButtonListState: PipelineState_2['headerRightButtonList'];
        footerLeftButtonListState: PipelineState_2['footerLeftButtonList'];
        footerRightButtonListState: PipelineState_2['footerRightButtonList'];
        setStateAtKey: Pipeline_2['setStateAtKey'];
        setPartialState: Pipeline_2['setPartialState'];
    }) => JSXElement;
    onChange?: (nextState: any) => void;
}

declare type FormatterType = 'date' | 'dateMonth' | 'dateTime' | 'number' | 'integar' | 'exchangeRate' | 'percent' | 'rangeDate' | 'rangeMonth' | 'rangeYear';

declare interface HeaderLeftButtonListExtensionConfig {
    defaultState?: any;
    getProps: (opts: {
        formData: PipelineState['formData'];
        headerLeftSlotState: PipelineState['headerLeftSlot'];
        headerRightSlotState: PipelineState['headerRightSlot'];
        footerLeftSlotState: PipelineState['footerLeftSlot'];
        footerRightSlotState: PipelineState['footerRightSlot'];
        headerLeftButtonListState: PipelineState['headerLeftButtonList'];
        headerRightButtonListState: PipelineState['headerRightButtonList'];
        footerLeftButtonListState: PipelineState['footerLeftButtonList'];
        footerRightButtonListState: PipelineState['footerRightButtonList'];
        setStateAtKey: Pipeline['setStateAtKey'];
        setPartialState: Pipeline['setPartialState'];
    }) => MlButtonListProps;
    onChange?: (nextState: any) => void;
}

declare interface HeaderLeftButtonListExtensionConfig_2 {
    defaultState?: any;
    getProps: (opts: {
        formListData: PipelineState_2['formListData'];
        headerLeftSlotState: PipelineState_2['headerLeftSlot'];
        headerRightSlotState: PipelineState_2['headerRightSlot'];
        footerLeftSlotState: PipelineState_2['footerLeftSlot'];
        footerRightSlotState: PipelineState_2['footerRightSlot'];
        headerLeftButtonListState: PipelineState_2['headerLeftButtonList'];
        headerRightButtonListState: PipelineState_2['headerRightButtonList'];
        footerLeftButtonListState: PipelineState_2['footerLeftButtonList'];
        footerRightButtonListState: PipelineState_2['footerRightButtonList'];
        setStateAtKey: Pipeline_2['setStateAtKey'];
        setPartialState: Pipeline_2['setPartialState'];
    }) => MlButtonListProps;
    onChange?: (nextState: any) => void;
}

declare interface HeaderLeftSlotExtensionConfig {
    defaultState?: any;
    render: (opts: {
        formData: PipelineState['formData'];
        headerLeftSlotState: PipelineState['headerLeftSlot'];
        headerRightSlotState: PipelineState['headerRightSlot'];
        footerLeftSlotState: PipelineState['footerLeftSlot'];
        footerRightSlotState: PipelineState['footerRightSlot'];
        headerLeftButtonListState: PipelineState['headerLeftButtonList'];
        headerRightButtonListState: PipelineState['headerRightButtonList'];
        footerLeftButtonListState: PipelineState['footerLeftButtonList'];
        footerRightButtonListState: PipelineState['footerRightButtonList'];
        setStateAtKey: Pipeline['setStateAtKey'];
        setPartialState: Pipeline['setPartialState'];
    }) => JSXElement;
    onChange?: (nextState: any) => void;
}

declare interface HeaderLeftSlotExtensionConfig_2 {
    defaultState?: any;
    render: (opts: {
        formListData: PipelineState_2['formListData'];
        headerLeftSlotState: PipelineState_2['headerLeftSlot'];
        headerRightSlotState: PipelineState_2['headerRightSlot'];
        footerLeftSlotState: PipelineState_2['footerLeftSlot'];
        footerRightSlotState: PipelineState_2['footerRightSlot'];
        headerLeftButtonListState: PipelineState_2['headerLeftButtonList'];
        headerRightButtonListState: PipelineState_2['headerRightButtonList'];
        footerLeftButtonListState: PipelineState_2['footerLeftButtonList'];
        footerRightButtonListState: PipelineState_2['footerRightButtonList'];
        setStateAtKey: Pipeline_2['setStateAtKey'];
        setPartialState: Pipeline_2['setPartialState'];
    }) => JSXElement;
    onChange?: (nextState: any) => void;
}

declare interface HeaderRightButtonListExtensionConfig {
    defaultState?: any;
    getProps: (opts: {
        formData: PipelineState['formData'];
        headerLeftSlotState: PipelineState['headerLeftSlot'];
        headerRightSlotState: PipelineState['headerRightSlot'];
        footerLeftSlotState: PipelineState['footerLeftSlot'];
        footerRightSlotState: PipelineState['footerRightSlot'];
        headerLeftButtonListState: PipelineState['headerLeftButtonList'];
        headerRightButtonListState: PipelineState['headerRightButtonList'];
        footerLeftButtonListState: PipelineState['footerLeftButtonList'];
        footerRightButtonListState: PipelineState['footerRightButtonList'];
        setStateAtKey: Pipeline['setStateAtKey'];
        setPartialState: Pipeline['setPartialState'];
    }) => MlButtonListProps;
    onChange?: (nextState: any) => void;
}

declare interface HeaderRightButtonListExtensionConfig_2 {
    defaultState?: any;
    getProps: (opts: {
        formListData: PipelineState_2['formListData'];
        headerLeftSlotState: PipelineState_2['headerLeftSlot'];
        headerRightSlotState: PipelineState_2['headerRightSlot'];
        footerLeftSlotState: PipelineState_2['footerLeftSlot'];
        footerRightSlotState: PipelineState_2['footerRightSlot'];
        headerLeftButtonListState: PipelineState_2['headerLeftButtonList'];
        headerRightButtonListState: PipelineState_2['headerRightButtonList'];
        footerLeftButtonListState: PipelineState_2['footerLeftButtonList'];
        footerRightButtonListState: PipelineState_2['footerRightButtonList'];
        setStateAtKey: Pipeline_2['setStateAtKey'];
        setPartialState: Pipeline_2['setPartialState'];
    }) => MlButtonListProps;
    onChange?: (nextState: any) => void;
}

declare interface HeaderRightSlotExtensionConfig {
    defaultState?: any;
    render: (opts: {
        formData: PipelineState['formData'];
        headerLeftSlotState: PipelineState['headerLeftSlot'];
        headerRightSlotState: PipelineState['headerRightSlot'];
        footerLeftSlotState: PipelineState['footerLeftSlot'];
        footerRightSlotState: PipelineState['footerRightSlot'];
        headerLeftButtonListState: PipelineState['headerLeftButtonList'];
        headerRightButtonListState: PipelineState['headerRightButtonList'];
        footerLeftButtonListState: PipelineState['footerLeftButtonList'];
        footerRightButtonListState: PipelineState['footerRightButtonList'];
        setStateAtKey: Pipeline['setStateAtKey'];
        setPartialState: Pipeline['setPartialState'];
    }) => JSXElement;
    onChange?: (nextState: any) => void;
}

declare interface HeaderRightSlotExtensionConfig_2 {
    defaultState?: any;
    render: (opts: {
        formListData: PipelineState_2['formListData'];
        headerLeftSlotState: PipelineState_2['headerLeftSlot'];
        headerRightSlotState: PipelineState_2['headerRightSlot'];
        footerLeftSlotState: PipelineState_2['footerLeftSlot'];
        footerRightSlotState: PipelineState_2['footerRightSlot'];
        headerLeftButtonListState: PipelineState_2['headerLeftButtonList'];
        headerRightButtonListState: PipelineState_2['headerRightButtonList'];
        footerLeftButtonListState: PipelineState_2['footerLeftButtonList'];
        footerRightButtonListState: PipelineState_2['footerRightButtonList'];
        setStateAtKey: Pipeline_2['setStateAtKey'];
        setPartialState: Pipeline_2['setPartialState'];
    }) => JSXElement;
    onChange?: (nextState: any) => void;
}

declare interface IObjectRequireRule {
    field: string;
    enable: (row: Record<string, any>, rowIndex: number, opts: {
        formListData: any[];
    }) => boolean;
}

declare type IStringRequiredRule = string;

declare type JSXElement = JSX.Element | JSX.Element[] | string | number | null | undefined | JSXElement[];

declare type JSXElementRender<T extends any[] = any[]> = T extends [] ? () => JSX.Element : (...params: T) => JSXElement;

declare type MappingValue = (IStringRequiredRule | IObjectRequireRule)[];

declare interface MlBaseFormBodyProps {
    bodyPaddingX?: boolean;
    bodyPaddingY?: boolean;
}

declare type MlBaseFormCellProps = ViewProps;

declare interface MlBaseFormColumn {
    field: string;
    title: string;
    colSpanAll?: boolean | ((opts: {
        cellValue: any;
        formData: MlBaseFormData;
    }) => boolean | undefined | null);
    grouping?: string;
    formatter?: FormatterType | ((opts: {
        cellValue: any;
        formData: MlBaseFormData;
    }) => FormatterType);
    getValue?: (formData: any) => any;
    render?: (cellValue: any, formData: any) => JSXElement;
    renderLeft?: (opts: {
        cellValue: any;
        formData: any;
    }) => JSXElement;
    renderRight?: (opts: {
        cellValue: any;
        formData: any;
    }) => JSXElement;
    getCellProps?: (cellValue: any, formData: any) => MlBaseFormCellProps;
    getHeaderProps?: (cellValue: any, formData: any) => MlBaseFormCellProps;
    getContentProps?: (cellValue: any, formData: any) => MlBaseFormCellProps;
}

declare interface MlBaseFormContentProps {
    formData: Record<string, any>;
    columns: MlBaseFormColumn[];
}

declare type MlBaseFormData = Record<string, any>;

declare interface MlBaseFormFooterProps {
    showFooter?: boolean;
    footerLeftSlots?: JSXElementRender[];
    footerRightSlots?: JSXElementRender[];
    footerPaddingX?: boolean;
}

declare interface MlBaseFormHeaderProps {
    showHeader?: boolean;
    headerTitle?: string | (() => JSXElement);
    headerLeftSlots?: JSXElementRender[];
    headerRightSlots?: JSXElementRender[];
    headerPaddingX?: boolean;
    headerPaddingLeft?: boolean;
    headerPaddingRight?: boolean;
}

declare interface MlBaseFormListBodyProps {
    /** 列数 */
    cols?: number | ((opts: {
        columns: MlBaseFormListColumn[];
    }) => number);
    /** 主键 */
    rowKeyField?: MlBaseFormListRowKey;
    /** 数据源 */
    formListData: MlBaseFormListRow[];
    /** 列配置 */
    columns: MlBaseFormListColumn[];
    /** 基础行高 */
    defaultRowHeight?: number;
    /** 列的默认宽度 默认120 */
    defaultColumnWidth?: number;
    /** 行props */
    getRowProps?: (row: MlBaseFormListRow, rowIndex: number, rowList: any[]) => MlBaseFormListRowProps;
}

/** 表格列 */
declare interface MlBaseFormListColumn extends MlBaseFormListColumnStaticPart, MlBaseFormListColumnCustomPart {
}

/** 表格列文字位置 */
declare type MlBaseFormListColumnAlign = 'left' | 'center' | 'right';

/** 表格列动态部分 */
declare interface MlBaseFormListColumnCustomPart {
    getHeaderCellProps?: (col: MlBaseFormListColumn) => MlBaseFormListHeaderCellProps;
    headerRender?: JSXElementRender;
    headerRightSlots?: JSXElementRender[];
    headerFixedRightSlots?: JSXElementRender[];
    headerMaskIndicator?: JSXElementRender;
    formatter?: FormatterType | ((opts: {
        cellValue: any;
        row: MlBaseFormListRow;
        rowIndex: number;
    }) => FormatterType);
    render?: (value: any, row: MlBaseFormListRow, rowIndex: number) => JSX.Element | JSX.Element[] | string | number | null | undefined;
    renderLeft?: (value: any, row: MlBaseFormListRow, rowIndex: number) => JSX.Element | JSX.Element[] | string | number | undefined | null;
    renderRight?: (value: any, row: MlBaseFormListRow, rowIndex: number) => JSX.Element | JSX.Element[] | string | number | undefined | null;
    getValue?: (row: MlBaseFormListRow, rowIndex: number) => any;
    getCellProps?: (cellValue: any, row: MlBaseFormListRow, opts: {
        rowIndex: number;
        colIndex: number;
    }) => ViewProps;
    getHeaderProps?: (cellValue: any, row: MlBaseFormListRow, opts: {
        rowIndex: number;
        colIndex: number;
    }) => ViewProps;
    getContentProps?: (cellValue: any, row: MlBaseFormListRow, opts: {
        rowIndex: number;
        colIndex: number;
    }) => ViewProps;
    colSpanAll?: boolean | ((opts: {
        cellValue: any;
        row: MlBaseFormListRow;
        rowIndex: number;
    }) => boolean | undefined | null);
}

/** 表格列静态部分 */
declare interface MlBaseFormListColumnStaticPart {
    title?: string;
    field: string;
    align?: MlBaseFormListColumnAlign;
    hide?: boolean;
}

declare type MlBaseFormListData = MlBaseFormListRow[];

declare interface MlBaseFormListFooterProps {
    showFooter?: boolean;
    footerPaddingX?: boolean;
    footerPaddingLeft?: boolean;
    footerPaddingRight?: boolean;
    footerLeftSlots?: JSXElementRender[];
    footerRightSlots?: JSXElementRender[];
}

declare type MlBaseFormListHeaderCellProps = ViewProps;

declare interface MlBaseFormListHeaderProps {
    showHeader?: boolean;
    headerTitle?: string;
    headerPaddingX?: boolean;
    headerPaddingLeft?: boolean;
    headerPaddingRight?: boolean;
    headerLeftSlots?: JSXElementRender[];
    headerRightSlots?: JSXElementRender[];
}

/** 表格Props */
declare interface MlBaseFormListProps extends MlBaseFormListHeaderProps, MlBaseFormListBodyProps, MlBaseFormListFooterProps {
    rowHeightSize?: 'mini' | 'sm' | 'base';
    columnTitleWordNumber?: 4 | 5 | 6;
    /** 自定义类名 */
    className?: string;
    /** 自定义内联样式 */
    style?: CSSProperties;
}

declare type MlBaseFormListRow = Record<string, any>;

/** 主键 */
declare type MlBaseFormListRowKey = string | ((row: MlBaseFormListRow) => string);

declare type MlBaseFormListRowProps = ViewProps;

declare interface MlBaseFormProps extends MlBaseFormHeaderProps, MlBaseFormBodyProps, MlBaseFormContentProps, MlBaseFormFooterProps {
    className?: string;
    style?: CSSProperties;
    cols?: number | ((opts: {
        columns: MlBaseFormColumn[];
    }) => number);
    dense?: boolean;
    rowHeightSize?: 'mini' | 'sm' | 'base';
    columnTitleWordNumber?: 4 | 5 | 6;
}

export declare function MlButton({ color, height, minWidth, width, confirmMessage, contentGapX, theme, title, icon, iconPlacement, iconBold, iconSize, shadow, rounded, disable, paddingX, textSize, fontBold, dataset, stopClickEventPropagation, onClick, }: MlButtonProps): JSX_2.Element;

export declare function MlButtonList(props: MlButtonListProps): JSX_2.Element;

declare interface MlButtonListProps extends ButtonListStylePartProps {
    buttons: ButtonListButtonItem[];
}

declare interface MlButtonProps {
    color?: 'primary' | 'secondary' | 'negative' | 'positive' | 'warning';
    height?: 'full' | 'lg' | 'md' | 'base' | 'sm' | 'xs' | 'mini';
    minWidth?: string | number;
    width?: 'full' | 'fit';
    tooltip?: string;
    confirmMessage?: string | true;
    contentGapX?: 'xs' | 'sm' | 'base';
    theme?: 'standard' | 'plain' | 'flat';
    title?: string;
    icon?: MlIconEnum;
    iconPlacement?: 'left' | 'right';
    iconBold?: boolean;
    iconSize?: 'md' | 'lg';
    shadow?: boolean;
    rounded?: boolean;
    disable?: boolean;
    paddingX?: 'none' | 'mini' | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl';
    textSize?: 'base' | 'md' | 'lg';
    fontBold?: boolean;
    dataset?: any;
    stopClickEventPropagation?: boolean;
    onClick?: (opts: {
        dataset: any;
    }) => void;
}

export declare function MlCheckbox(props: MlCheckboxProps): JSX_2.Element;

declare interface MlCheckboxProps {
    checked?: boolean;
    indeterminate?: boolean;
    disable?: boolean;
    dataset?: any;
    areaFill?: boolean;
    onChange?: (nextValue: boolean, opts: {
        dataset: any;
    }) => void;
}

export declare function MlForm(props: MlFormProps): JSX_2.Element;

export declare function MlFormList(props: MlFormListProps): JSX_2.Element;

declare interface MlFormListProps extends Omit<MlBaseFormListProps, 'formListData' | 'headerLeftSlots' | 'headerRightSlots' | 'footerLeftSlots' | 'footerRightSlots'> {
    defaultFormListData?: MlBaseFormListProps['formListData'];
    extensions?: PipelineExtensions_2;
    headerLeftSlot?: JSXElementRender;
    headerRightSlot?: JSXElementRender;
    footerLeftSlot?: JSXElementRender;
    footerRightSlot?: JSXElementRender;
}

declare interface MlFormProps extends Omit<MlBaseFormProps, 'formData' | 'headerLeftSlots' | 'headerRightSlots' | 'footerLeftSlots' | 'footerRightSlots'> {
    defaultFormData?: MlBaseFormProps['formData'];
    extensions?: PipelineExtensions;
    headerLeftSlot?: JSXElementRender;
    headerRightSlot?: JSXElementRender;
    footerLeftSlot?: JSXElementRender;
    footerRightSlot?: JSXElementRender;
}

export declare function MlIcon(props: MlIconProps): JSX_2.Element;

declare type MlIconEnum = 'invisible' | 'visible' | 'sort-y' | 'save' | 'filter-clear' | 'sort-asc' | 'sort-desc' | 'enable' | 'disable' | 'warehouse-output' | 'merge' | 'seq' | 'edit2' | 'customs-duty-rate' | 'cargo-receivable-payable-offset' | 'container-fee-receivable-payable-offset' | 'market-fee-receivable-payable-offset' | 'petty-money-account' | 'petty-money' | 'cargo-payment-verification' | 'container-fee-payment-verification' | 'market-fee-payment-verification' | 'unpaid-statistic' | 'cargo-payable' | 'container-fee-payable' | 'market-fee-payable' | 'extra-payable' | 'cargo-payment-request' | 'container-fee-payment-request' | 'market-fee-payment-request' | 'report-center' | 'basic-data' | 'currency' | 'region' | 'harbor' | 'goods' | 'goods-brand' | 'goods-grade' | 'goods-family' | 'goods-category' | 'goods-state' | 'goods-variety' | 'goods-packing' | 'goods-spec' | 'goods-name' | 'system-modules' | 'role' | 'internal-company' | 'collection' | 'extra-receivable' | 'cargo-receivable' | 'fee-receivable' | 'fee-receivable-verification' | 'cargo-receivable-verification' | 'fee' | 'delivery-fee' | 'market-purchase-fee' | 'container-fee' | 'fee-category' | 'buliao' | 'stock-transfer-fee' | 'vertical-line' | 'payment-plan' | 'client' | 'company-bank-account' | 'client-bank-account' | 'client-warehouse' | 'client-credit-approve' | 'client-credit-apply' | 'order-return' | 'order-delivery' | 'order-discount' | 'list-add' | 'copy' | 'warehouse' | 'zoom-out' | 'processing-price-config' | 'production-plan' | 'stock-quality-inspection' | 'production-line' | 'production' | 'warehouse-layout' | 'batch' | 'stock-discount' | 'stock-loss' | 'stock-move' | 'import-purchase-receipt' | 'market-purchase-receipt' | 'stock-transfer-receipt' | 'stock-transfer' | 'stock' | 'customs-declaration' | 'goods-category-vat-rate' | 'customs-declaration-exchange-rate' | 'production-fee' | 'import-purchase-invoice' | 'supplier-purchase-template' | 'supplier-bank-account' | 'supplier' | 'market-purchase-settlement' | 'import-purchase-shipping' | 'import-purchase-settlement' | 'market-purchase-return' | 'market-purchase-discount' | 'market-purchase' | 'import-purchase-discount' | 'import-purchase' | 'date' | 'tax-rate' | 'exchange-rate' | 'data-center' | 'report' | 'order' | 'shipping-freight' | 'template' | 'discount' | 'time' | 'file' | 'review' | 'detail' | 'info' | 'category' | 'format-horizontal-align-center' | 'sInLineHorizontal' | 'edit' | 'collection-modules' | 'payment' | 'attachment' | 'link' | 'warning-solid' | 'warning' | 'batch-edit' | 'data' | 'statistic' | 'warehousing' | 'purchase' | 'finance' | 'sale' | 'start' | 'stop' | 'location' | 'nation' | 'market' | 'earth' | 'company' | 'customs' | 'input-materials' | 'down' | 'error' | 'success' | 'action-sheet' | 'app' | 'click' | 'button' | 'drag-right' | 'resize-hoz' | 'a-Draghorizontal-filled' | 'shuipingfenge' | 'shuipingyidong' | 'drag' | 'cancel' | 'operations' | 'download' | 'upload' | 'split' | 'lock' | 'unlock' | 'branch' | 'settings' | 'user' | 'node-start' | 'node-add' | 'erase' | 'recharge' | 'excel' | 'arrow-y' | 'minus' | 'notify' | 'search' | 'collapse-left' | 'collapse-right' | 'money' | 'up' | 'theme' | 'table' | 'star' | 'zoom-in' | 'home' | 'more' | 'refresh' | 'list' | 'right' | 'left' | 'message' | 'import' | 'phone' | 'language' | 'empty' | 'delete' | 'double-left' | 'arrow-right' | 'arrow-down' | 'done' | 'arrow-left' | 'double-right' | 'close' | 'add' | 'uncheck' | 'check';

declare interface MlIconProps {
    color?: string;
    style?: CSSProperties;
    className?: string;
    name: MlIconEnum | (() => MlIconEnum);
}

export declare function MlModal({ disable, triggerStyle, triggerClassName, triggerSlot, panelStyle, panelClassName, panelSlot, maskCloseable, placement, loader, }: PropsWithChildren<MlModalProps>): JSX_2.Element;

declare type MlModalPlacementEnum = 'top' | 'right' | 'bottom' | 'left' | 'center';

declare interface MlModalProps {
    disable?: boolean;
    triggerStyle?: CSSProperties;
    triggerClassName?: string;
    panelStyle?: CSSProperties;
    panelClassName?: string;
    triggerSlot: (opts: {
        status: MlModalStatusEnum;
    }) => ReactNode;
    panelSlot: (opts: {
        close: () => void;
        loaderData: any;
    }) => ReactNode;
    maskCloseable?: boolean;
    placement?: MlModalPlacementEnum;
    loader?: () => Promise<any>;
}

declare type MlModalStatusEnum = 'inactivating' | 'inactive' | 'loading' | 'activating' | 'active';

export declare function MlRadio(props: MlRadioProps): JSX_2.Element;

declare interface MlRadioProps {
    checked?: boolean;
    disable?: boolean;
    dataset?: any;
    areaFill?: boolean;
    onChange?: (nextValue: boolean, opts: {
        dataset: any;
    }) => void;
}

export declare function MlTextInput(props: MlTextInputProps): JSX_2.Element;

declare interface MlTextInputProps {
    align?: 'left' | 'center' | 'right';
    value: any;
    paddingX?: boolean;
    paddingLeft?: boolean;
    paddingRight?: boolean;
    dataset?: any;
    placeholder?: string;
    onChange: (payload: {
        value: any;
    }, opts: {
        dataset: any;
    }) => void;
}

declare class Pipeline {
    ctx: PipelineCtx;
    private readonly _state;
    private readonly _setState;
    private _formData;
    private _columns;
    private _headerLeftSlots;
    private _headerRightSlots;
    private _footerLeftSlots;
    private _footerRightSlots;
    constructor({ extensions, columns, state, setState, headerLeftSlot, headerRightSlot, footerLeftSlot, footerRightSlot, }: Pick<MlFormProps, 'headerLeftSlot' | 'headerRightSlot' | 'footerLeftSlot' | 'footerRightSlot'> & {
        columns: MlBaseFormColumn[];
        extensions: PipelineExtensions;
        state: PipelineState;
        setState: UseCallbackStateSetter<PipelineState>;
    });
    use(step: (pipeline: this) => this): this;
    /** 获取数据源 */
    getFormData(): Record<string, any>;
    /** 获取项配置 */
    getColumns(): MlBaseFormColumn[];
    /** 获取状态 */
    getState(): PipelineState;
    /** 设置状态 */
    setState(nextState: Parameters<UseCallbackStateSetter<PipelineState>>[0]): Promise<PipelineState>;
    /** 根据键获取状态 */
    getStateAtKey<K extends keyof PipelineState>(stateKey: K): PipelineState[K];
    /** 根据键设置状态 */
    setStateAtKey<K extends keyof PipelineState>(stateKey: K, state: PipelineState[K]): Promise<PipelineState>;
    /** 设置部分状态 */
    setPartialState(state: Partial<PipelineState> | ((state: PipelineState) => Partial<PipelineState>)): Promise<PipelineState>;
    /** 转换 columns */
    mapColumns(mapper: PipelineTransform<MlBaseFormColumn[]>): this;
    /** 设置 formData */
    inputFormData(formData: Record<string, any>): this;
    /** 设置 columns */
    inputColumns(cols: MlBaseFormColumn[]): this;
    appendHeaderLeftSlots(slot: () => JSXElement): void;
    appendHeaderRightSlots(slot: () => JSXElement): void;
    appendFooterLeftSlots(slot: () => JSXElement): void;
    appendFooterRightSlots(slot: () => JSXElement): void;
    /** 生成 props */
    buildProps(): Omit<MlBaseFormProps, "columns"> & {
        columns: MlBaseFormColumn[];
    };
}

declare class Pipeline_2 {
    ctx: PipelineCtx_2;
    private readonly _state;
    private readonly _setState;
    private _formListData;
    private _columns;
    private _headerLeftSlots;
    private _headerRightSlots;
    private _footerLeftSlots;
    private _footerRightSlots;
    constructor({ extensions, columns, state, setState, headerLeftSlot, headerRightSlot, footerLeftSlot, footerRightSlot, }: Pick<MlFormListProps, 'headerLeftSlot' | 'headerRightSlot' | 'footerLeftSlot' | 'footerRightSlot'> & {
        columns: MlBaseFormListColumn[];
        extensions: PipelineExtensions_2;
        state: PipelineState_2;
        setState: UseCallbackStateSetter<PipelineState_2>;
    });
    use(step: (pipeline: this) => this): this;
    /** 获取数据源 */
    getFormListData(): MlBaseFormListRow[];
    /** 获取列配置 */
    getColumns(): MlBaseFormListColumn[];
    /** 获取状态 */
    getState(): PipelineState_2;
    /** 设置状态 */
    setState(nextState: Parameters<UseCallbackStateSetter<PipelineState_2>>[0]): Promise<PipelineState_2>;
    /** 根据键获取状态 */
    getStateAtKey<K extends keyof PipelineState_2>(stateKey: K): PipelineState_2[K];
    /** 根据键设置状态 */
    setStateAtKey<K extends keyof PipelineState_2>(stateKey: K, state: PipelineState_2[K]): Promise<PipelineState_2>;
    /** 设置部分状态 */
    setPartialState(state: Partial<PipelineState_2> | ((state: PipelineState_2) => Partial<PipelineState_2>)): Promise<PipelineState_2>;
    /** 转换 columns */
    mapColumns(mapper: PipelineTransform_2<MlBaseFormListColumn[]>): this;
    /** 设置 formListData */
    inputFormListData(formListData: MlBaseFormListData): this;
    /** 设置 columns */
    inputColumns(cols: MlBaseFormListColumn[]): this;
    appendHeaderLeftSlots(slot: () => JSXElement): void;
    appendHeaderRightSlots(slot: () => JSXElement): void;
    appendFooterLeftSlots(slot: () => JSXElement): void;
    appendFooterRightSlots(slot: () => JSXElement): void;
    /** 生成 props */
    buildProps(): Pick<MlBaseFormListProps, "headerLeftSlots" | "headerRightSlots" | "columns" | "footerLeftSlots" | "footerRightSlots" | "formListData">;
}

declare interface PipelineCtx {
    extensions?: PipelineExtensions;
    [key: string]: any;
}

declare interface PipelineCtx_2 {
    extensions?: PipelineExtensions_2;
    [key: string]: any;
}

declare interface PipelineExtensions {
    cellRequired?: CellRequiredConfig;
    columnHidden?: ColumnHiddenConfig;
    columnVisible?: ColumnVisibleConfig;
    cellClick?: CellClickExtensionConfig;
    headerLeftSlot?: HeaderLeftSlotExtensionConfig;
    headerRightSlot?: HeaderRightSlotExtensionConfig;
    footerLeftSlot?: FooterLeftSlotExtensionConfig;
    footerRightSlot?: FooterRightSlotExtensionConfig;
    headerLeftButtonList?: HeaderLeftButtonListExtensionConfig;
    headerRightButtonList?: HeaderRightButtonListExtensionConfig;
    footerLeftButtonList?: FooterLeftButtonListExtensionConfig;
    footerRightButtonList?: FooterRightButtonListExtensionConfig;
}

declare interface PipelineExtensions_2 {
    cellRequired?: CellRequiredExtensionConfig;
    columnHidden?: ColumnHiddenConfig_2;
    columnVisible?: ColumnVisibleConfig_2;
    cellClick?: CellClickExtensionConfig_2;
    headerLeftSlot?: HeaderLeftSlotExtensionConfig_2;
    headerRightSlot?: HeaderRightSlotExtensionConfig_2;
    footerLeftSlot?: FooterLeftSlotExtensionConfig_2;
    footerRightSlot?: FooterRightSlotExtensionConfig_2;
    headerLeftButtonList?: HeaderLeftButtonListExtensionConfig_2;
    headerRightButtonList?: HeaderRightButtonListExtensionConfig_2;
    footerLeftButtonList?: FooterLeftButtonListExtensionConfig_2;
    footerRightButtonList?: FooterRightButtonListExtensionConfig_2;
}

declare interface PipelineState {
    formData: MlBaseFormProps['formData'];
    cellRequired?: string[];
    headerLeftSlot?: any;
    headerRightSlot?: any;
    footerLeftSlot?: any;
    footerRightSlot?: any;
    headerLeftButtonList?: any;
    headerRightButtonList?: any;
    footerLeftButtonList?: any;
    footerRightButtonList?: any;
}

declare interface PipelineState_2 {
    formListData: MlBaseFormListProps['formListData'];
    columns: MlBaseFormListProps['columns'];
    cellRequired?: string[];
    headerLeftSlot?: any;
    headerRightSlot?: any;
    footerLeftSlot?: any;
    footerRightSlot?: any;
    headerLeftButtonList?: any;
    headerRightButtonList?: any;
    footerLeftButtonList?: any;
    footerRightButtonList?: any;
}

declare type PipelineTransform<T> = (input: T) => T;

declare type PipelineTransform_2<T> = (input: T) => T;

export declare const useModalClose: () => () => void;

export declare const useModalLoaderData: () => any;

export { }