antd-json-form
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1 • Public • Published

    查看文档

    API

    JSON-Form 在antd 基础上进行了封装,尽可能的保留antd Api,也新增了新的api方便快速生成表单

    Form API

    属性 描述 类型 默认值
    fieldsSource 字段列表参数 fieldsSource[] []
    isEdit form是否是编辑状态 "Boolean" false
    loading 表单是否加载中 "Boolean" false
    onReset 重置的时候触发 () => void -
    更多 更多API与 antd Form 保持一致 - -

    fieldsSource

    fieldsSource 对应的是antd 中的 Form.Item 同时增加一些新的API

    属性 描述 类型 默认值 必填
    name 字段名字 "string" -
    type 组件类型 "string" Input -
    label 字段的label "string" - -
    props 组件的props "Object" {} -
    rules 字段验证与 antd 保持一致 Rule[] - -
    children 自定义组件 ReactNode null -
    isEditDisabled 编辑状态是否可编辑 "Boolean" true -
    isEditHide 编辑状态是否隐藏 "Boolean" false -
    request 异步请求数据目前只有selectcheckbox,radio组件支持 (item: fieldsSource) => Promise - -
    bindfield 字段联动 "Array" - -
    更多 更多API与antd Form.Item保持一致 - - -

    组件类型

    目前支持的类型如下, 他们的props属性就是 fieldsSource中的 props

    TYPE 描述
    "text" input输入框
    "number" 数字输入框
    "textarea" 多行输入框
    "password" 密码
    "switch" 开关
    "radio" 单选框
    "checkbox" 复选框
    "select" 选择器
    "button" 按钮
    "rate" 评分
    "slider" 滑动输入
    "search" 搜索输入框
    "timePicker" 时间选择
    "datePicker" 日期选择
    "rangePicker" 日期范围选择
    "treeSelect" 树选择
    "transfer" 穿梭框
    "mentions" 提及
    "autoComplete" 自动完成
    "cascader" 级联选择
    "upload" 上传

    Keywords

    none

    Install

    npm i antd-json-form

    DownloadsWeekly Downloads

    0

    Version

    1.0.1

    License

    ISC

    Unpacked Size

    68.6 kB

    Total Files

    53

    Last publish

    Collaborators

    • woshiyubin