proField 库

• npm: profield

• github: profield

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

• 旨在提供一套快速生成增删改查,表单,弹窗,上传组件,以及一些常用的 hooks 和工具函数

• 使用前需要安装vue, ant-design-vue 库

• 富文本编辑器封装: profield-editor

实例

独立组件

• profield-editor 组件，基于wangEditor的vue3富文本编辑器组件 profield-editor

内置组件

• proField 组件，统一 proForm,proTable 的字段 proField。

• proForm 组件,用于生成弹窗表单,抽屉表单,普通表单 proForm。

• proTable 组件,用于生成表格以及查询和工具栏 proTable。

• proPanel 组件,用于生成弹窗和抽屉 proPanel 。

• lookField组件,用来查看,复制数据 lookField 。

内置钩子

• useTable 表格钩子 useTable 。

• useAjax 请求钩子 useAjax 。

• useAjaxSim 请求钩子简化板 useAjaxSim 。

• useModel 弹窗钩子useModal 。

• usePage 分页钩子 usePage 。

• useForm 表单钩子 useForm 。

内置类型

• ColumnsTypes 表格字段类型集合 ColumnsTypes 。

• columnItem 表格字段定义接口类型 columnItem 。

• ValidateType 表单验证类型 ValidateType 。

安装

npm install profield

在项目中使用

// main.ts 引入antd样式
import 'ant-design-vue/dist/antd.css';

// 页面组件 引入proField
import { columnItem, proTable, proForm, usePage, useModel } from "profield";