tachybase_todo/packages/client/src/blocks/form/index.md
2021-05-23 08:38:08 +08:00

1.5 KiB
Raw Blame History

title nav group
Form - 表单
title path
组件 /client
order title path
2 Blocks /client/blocks

Form - 表单

示例

基本使用

更新数据表单

抽屉表单

阅读模式

Props API

可能包括四部分:

  • IFormLayoutProps表单布局相关参数
  • IFormProps用于初始化 form 实例
  • ISchemaField表单字段配置
  • ResourceOptions用于资源定位

暂时只提供了一些核心的参数

resource ResourceOptions

这部分参数还有待改进

export interface ResourceOptions {
  resourceName: string;
  associatedKey?: string;
  associatedName?: string;
  resourceKey?: string;
}

fields ISchemaField

字段配置

{
  interface: 'string',
  type: 'string',
  title: `单行文本`,
  name: 'username',
  required: true,
  component: {
    type: 'string',
    default: 'aa',
    'x-decorator': 'FormItem',
    'x-component': 'Input',
    'x-component-props': {},
  },
}

readPretty

详情展示

initialValues IFormProps

初始值

effects IFormProps

支持以下 Effect Hooks

onSuccess

数据提交成功的回调函数