FormDrawer

抽屉表单，主要用在简单的事件打开表单场景

Markup Schema 案例

JSON Schema 案例

Template 案例

抽屉拦截案例

自定义 footer

API

FormDrawer

import { IFormProps } from '@formily/core'

type FormDrawerContentProps = { resolve: () => any; reject: () => any }

type FormDrawerHandler = {
  //打开弹窗，接收表单属性，可以传入initialValues/values/effects etc.
  open(props: IFormProps): Promise<any> //返回表单数据
  //关闭弹窗
  close(): void
}

interface IFormDrawer {
  (
    title: string | Component | Vnode | () => VNode,
    renderer: ((props: FormDrawerContentProps) => VNode) | Component
  ): FormDrawerHandler
  (
    title: IFormDrawerProps, //如果是对象，则作为IFormDrawerProps传入
    renderer: ((props: FormDrawerContentProps) => VNode) | Component
  ): FormDrawerHandler
}

IFormDrawerProps

type IFormDrawerProps = DrawerProps & {
  title?: string | Component | VNode
  footer?: null | Component | VNode
  cancelText?: string | Component | VNode
  cancelButtonProps?: ButtonProps
  okText?: string | Component | VNode
  okButtonProps?: ButtonProps
  onOpen?: () => void
  onOpend?: () => void
  onClose?: () => void
  onClosed?: () => void
  onCancel?: () => void // 取消按钮点击事件
  onOK?: () => void // 确定按钮点击事件
}

FormDrawerFooter

无属性，只接收子节点