krco/types/hooks/useModalForm.d.ts

基于arco-design-vue的配置化表格表单组件

import { Option } from "../form/type";
type ModalOptions = {
    option: Option;
    submit?: (value: any, close: () => void) => void;
    close?: () => void;
    okText?: string;
    width?: number;
    cancelText?: string;
    title?: string;
    default?: any;
    cancelBtn?: boolean;
};
export declare function useModalForm(options: ModalOptions): {
    show: () => void;
    close: () => void;
    option: import("vue").Ref<{
        [x: string]: any;
        label?: string | undefined;
        groupContainerStyle?: object | undefined;
        field?: string | undefined;
        display?: boolean | undefined;
        menu?: {
            valueOf: () => boolean;
        } | undefined;
        menuWidth?: number | undefined;
        menuAlign?: ("left" | "center" | "right") | undefined;
        placeholder?: string | undefined;
        menuBtn?: {
            valueOf: () => boolean;
        } | undefined;
        submitBtn?: {
            valueOf: () => boolean;
        } | undefined;
        submitBtnText?: string | undefined;
        resetBtn?: {
            valueOf: () => boolean;
        } | undefined;
        resetBtnText?: string | undefined;
        detail?: {
            valueOf: () => boolean;
        } | undefined;
        cols?: number | undefined;
        colGap?: number | undefined;
        rowGap?: number | undefined;
        span?: number | undefined;
        layout?: ("horizontal" | "vertical" | "inline") | undefined;
        disabled?: boolean | undefined;
        scrollToFirstError?: boolean | undefined;
        gutter?: number | undefined;
        size?: ("mini" | "small" | "medium" | "large") | undefined;
        justify?: ("start" | "center" | "end" | "space-around" | "space-between") | undefined;
        wrap?: boolean | undefined;
        align?: any;
        labelAlign?: ("left" | "right") | undefined;
        menuSpan?: number | undefined;
        search?: boolean | undefined;
        tool?: boolean | undefined;
        page?: boolean | {
            simple?: boolean | undefined;
            showPageSize?: boolean | undefined;
            showJumper?: boolean | undefined;
            pageSizeOptions?: Array<number> | undefined;
        } | undefined;
        searchSpan?: number | undefined;
        searchMenuSpan?: number | undefined;
        searchMenuAlign?: ("left" | "center" | "right") | undefined;
        autoLabelWidth?: boolean | undefined;
        columns: {
            [x: string]: any;
            label: string;
            field: string;
            type?: (import("../form/type").ColumnType | string) | undefined;
            span?: number | undefined;
            options?: any;
            value?: any;
            disabled?: boolean | undefined;
            display?: boolean | undefined;
            help?: string | undefined;
            helpIcon?: string | undefined;
            helpIconText?: string | undefined;
            helpIconTableText?: string | undefined;
            allowClear?: boolean | undefined;
            required?: boolean | undefined;
            extra?: string | undefined;
            bind?: string | undefined;
            offset?: number | undefined;
            order?: number | undefined;
            dicData?: Array<any> | undefined;
            showWordLimit?: string | undefined;
            multiple?: boolean | undefined;
            fixed?: ("left" | "right") | undefined;
            rules?: {
                type?: ("string" | "number" | "boolean" | "array" | "object" | "email" | "url" | "ip") | undefined;
                required?: boolean | undefined;
                message?: string | undefined;
                length?: number | undefined;
                maxLength?: number | undefined;
                minLength?: number | undefined;
                match?: RegExp | undefined;
                uppercase?: boolean | undefined;
                lowercase?: boolean | undefined;
                min?: number | undefined;
                max?: number | undefined;
                equal?: number | undefined;
                positive?: boolean | undefined;
                negative?: boolean | undefined;
                true?: boolean | undefined;
                false?: boolean | undefined;
                includes?: any[] | undefined;
                deepEqual?: any;
                empty?: boolean | undefined;
                hasKeys?: string[] | undefined;
                validator?: ((value: any, callback: (error?: string) => void) => void) | undefined;
            }[] | undefined;
            onChange?: ((ev?: any) => void) | undefined;
            onBlur?: ((ev?: any) => void) | undefined;
            onFocus?: ((ev?: any) => void) | undefined;
            onInput?: ((ev?: any) => void) | undefined;
            dataIndex?: string | undefined;
            title?: string | undefined;
            slotName?: string | undefined;
            checked?: boolean | undefined;
            width?: number | undefined;
            minWidth?: number | undefined;
            searchSpan?: number | undefined;
            search?: boolean | undefined;
            sortable?: any;
            filterable?: any;
            ellipsis?: boolean | undefined;
            render?: Function | undefined;
            align?: string | undefined;
            component?: any;
            hide?: boolean | undefined;
            hideLabel?: boolean | undefined;
            hideAsterisk?: boolean | undefined;
            tooltip?: string | undefined;
        }[];
        groups?: any[] | undefined;
        calcHeight?: number | undefined;
        headerTool?: boolean | undefined;
    }, Option | {
        [x: string]: any;
        label?: string | undefined;
        groupContainerStyle?: object | undefined;
        field?: string | undefined;
        display?: boolean | undefined;
        menu?: {
            valueOf: () => boolean;
        } | undefined;
        menuWidth?: number | undefined;
        menuAlign?: ("left" | "center" | "right") | undefined;
        placeholder?: string | undefined;
        menuBtn?: {
            valueOf: () => boolean;
        } | undefined;
        submitBtn?: {
            valueOf: () => boolean;
        } | undefined;
        submitBtnText?: string | undefined;
        resetBtn?: {
            valueOf: () => boolean;
        } | undefined;
        resetBtnText?: string | undefined;
        detail?: {
            valueOf: () => boolean;
        } | undefined;
        cols?: number | undefined;
        colGap?: number | undefined;
        rowGap?: number | undefined;
        span?: number | undefined;
        layout?: ("horizontal" | "vertical" | "inline") | undefined;
        disabled?: boolean | undefined;
        scrollToFirstError?: boolean | undefined;
        gutter?: number | undefined;
        size?: ("mini" | "small" | "medium" | "large") | undefined;
        justify?: ("start" | "center" | "end" | "space-around" | "space-between") | undefined;
        wrap?: boolean | undefined;
        align?: any;
        labelAlign?: ("left" | "right") | undefined;
        menuSpan?: number | undefined;
        search?: boolean | undefined;
        tool?: boolean | undefined;
        page?: boolean | {
            simple?: boolean | undefined;
            showPageSize?: boolean | undefined;
            showJumper?: boolean | undefined;
            pageSizeOptions?: Array<number> | undefined;
        } | undefined;
        searchSpan?: number | undefined;
        searchMenuSpan?: number | undefined;
        searchMenuAlign?: ("left" | "center" | "right") | undefined;
        autoLabelWidth?: boolean | undefined;
        columns: {
            [x: string]: any;
            label: string;
            field: string;
            type?: (import("../form/type").ColumnType | string) | undefined;
            span?: number | undefined;
            options?: any;
            value?: any;
            disabled?: boolean | undefined;
            display?: boolean | undefined;
            help?: string | undefined;
            helpIcon?: string | undefined;
            helpIconText?: string | undefined;
            helpIconTableText?: string | undefined;
            allowClear?: boolean | undefined;
            required?: boolean | undefined;
            extra?: string | undefined;
            bind?: string | undefined;
            offset?: number | undefined;
            order?: number | undefined;
            dicData?: Array<any> | undefined;
            showWordLimit?: string | undefined;
            multiple?: boolean | undefined;
            fixed?: ("left" | "right") | undefined;
            rules?: {
                type?: ("string" | "number" | "boolean" | "array" | "object" | "email" | "url" | "ip") | undefined;
                required?: boolean | undefined;
                message?: string | undefined;
                length?: number | undefined;
                maxLength?: number | undefined;
                minLength?: number | undefined;
                match?: RegExp | undefined;
                uppercase?: boolean | undefined;
                lowercase?: boolean | undefined;
                min?: number | undefined;
                max?: number | undefined;
                equal?: number | undefined;
                positive?: boolean | undefined;
                negative?: boolean | undefined;
                true?: boolean | undefined;
                false?: boolean | undefined;
                includes?: any[] | undefined;
                deepEqual?: any;
                empty?: boolean | undefined;
                hasKeys?: string[] | undefined;
                validator?: ((value: any, callback: (error?: string) => void) => void) | undefined;
            }[] | undefined;
            onChange?: ((ev?: any) => void) | undefined;
            onBlur?: ((ev?: any) => void) | undefined;
            onFocus?: ((ev?: any) => void) | undefined;
            onInput?: ((ev?: any) => void) | undefined;
            dataIndex?: string | undefined;
            title?: string | undefined;
            slotName?: string | undefined;
            checked?: boolean | undefined;
            width?: number | undefined;
            minWidth?: number | undefined;
            searchSpan?: number | undefined;
            search?: boolean | undefined;
            sortable?: any;
            filterable?: any;
            ellipsis?: boolean | undefined;
            render?: Function | undefined;
            align?: string | undefined;
            component?: any;
            hide?: boolean | undefined;
            hideLabel?: boolean | undefined;
            hideAsterisk?: boolean | undefined;
            tooltip?: string | undefined;
        }[];
        groups?: any[] | undefined;
        calcHeight?: number | undefined;
        headerTool?: boolean | undefined;
    }>;
};
export {};