proForm 组件

• proForm 是一系列基于 ant design vue 的 组件库

• 用来生成弹窗表单,抽屉表单,普通表单

引入

import { proForm } from "profield";

使用

<proForm
  :width="700"
  title="规格管理"
  v-memo="[modelData, visible, crudLoading]"
  v-model:visible="visible"
  v-model:data="modelData"
  :loading="crudLoading"
  @ok="ModelOk"
  :columns="columns"
/>

API

内置所有 ant design vue form 的属性,文档

参数	说明	类型	默认值
title	弹窗,抽屉标题	string	''
visible(v-model)	弹窗,抽屉是否显示	boolean	false
data(v-model)	表单数据	object	{}
loading	表单加载状态	boolean	false
width	弹窗,抽屉宽度	number |string	800
columns 文档	表单字段	columnItem[]	[]
useDrawer	是否使用抽屉	boolean	false
colSpan	表单字段占比	number	12
noDrawerOrModal	是否不使用弹窗,抽屉	boolean	false

事件

事件名	说明	回调参数
ok	点击确定按钮	data
cancelFunc	点击取消按钮	无