@antdp/antdp-ui/lib/QuickForm/index.d.ts

基于antd封装的组件

import React from 'react';
import { FormProps, FormInstance } from 'antd/es/form';
import 'moment/locale/zh-cn';
import './index.css';
import { useHideContext } from "./Hide/context";
import { GetStoreProps } from "./Hide/interface";
import useFormItemHide from "./Hide/store";
export { getChildItemFun as getChildFormItemFun } from "./utils";
declare type FormLayout = 'horizontal' | 'inline' | 'vertical';
interface ItemsProps<T> {
    defaultcolspan?: any;
    /** 表单元素标题 */
    label: string;
    /** 表单名称 antd from 组件 getFieldDecorator 第一个参数 */
    name: string;
    /** 表单初始值 */
    initialValue?: string | any;
    /** 表单是否独占一行  */
    full?: boolean;
    /** 表单隐藏  */
    hideInForm?: boolean;
    /** input select 等表单组件属性集合 具体参考 antd  */
    attributes?: T | any;
    type?: string | undefined;
    options?: Array<{
        label: string;
        value: string | number;
    }> | [] | undefined;
    span?: number;
    render?: JSX.Element;
}
export interface QuickFormProps<Values> extends FormProps<Values> {
    /** 表单集合 */
    formDatas: Array<ItemsProps<object>>;
    /** antd collapse 组件属性集合 */
    collapseAttributes?: Object;
    /** antd collapse.panel 组件属性集合 */
    panelAttributes?: Object;
    /** 折叠表单下是否初始化选中面板 */
    visible?: boolean;
    /** 表单单行排列 */
    colspan?: number;
    /** 组件头部标题 */
    header?: React.ReactNode | any;
    /** 自定义表单栅格宽度占比,参照 antd 栅格布局 */
    defaultFormItemLayout?: Object;
    /** 自定义表单排列方式 */
    defaultFormLayout?: FormLayout;
    /** 尺寸,参照 antd */
    size?: any;
    /** 表单类型:modal&cardform&CardPro */
    type?: string;
    /** antd collapse.panel 自定义渲染每个面板右上角的内容 */
    extra?: any;
    /** Form.useFormItemHide 返回值  */
    formHide?: GetStoreProps;
    /** 初始值 隐藏显示 字段对应的值 */
    initialHide?: {
        [x: string]: boolean;
    };
}
export type QuickFormComponent<Values = any> = (props: QuickFormProps<Values>, ref?: ((instance: FormInstance<Values> | null) => void) | React.RefObject<FormInstance<Values>> | null | undefined) => React.ReactElement;
declare const FormForward: React.ForwardRefExoticComponent<QuickFormProps<any> & React.RefAttributes<FormInstance<any>>>;
type initFormProps = typeof FormForward;
interface QFormProps extends initFormProps {
    useHideContext: typeof useHideContext;
    useFormItemHide: typeof useFormItemHide;
}
declare const QForm: QFormProps;
export default QForm;