基于 formily 的前端表单，搜索框统一解决方案

2024-01-31 163 阅读1分钟

Why

最近在多个项目中切换开发，发现很多项目都可以共用一套表单，搜索框，弹框的解决方案。基于此计划整一个基于formily 的前端表单，搜索框统一解决方案。

What

在着手开始开发之前，基于现代的开发模式，先把 readme 做一个友好的展示， readme 主要分以下几块：

# 包名
## 包功能介绍
## 各个 demo 展示
## 安装说明 install
yarn add XXX
npm install XXX
pnpm add XXX

## 构建说明
构建产物
yarn run build
编辑版本号 生成 changeLog
# patch, minor, major
yarn run release:path

## 开发说明
目录结构，各个目录及相应说明 (命令：获取两层目录结构，tree -L 2 )

类似这种的文件目录功能说明 --- 
├── __tests__
│   ├── ui.test.ts  # putter 测试
│   └── index.test.tsx

# 本地开发启动
yarn run dev

## 使用说明 Usage 
代码使用 可使用 jsx pure
引用库

功能列表：

搜索框自适应布局
统一表达解决方案
基于 Antd Autocomplete 的 formily 组件，支持排除数据源中的相关选项
其他后续补充

How (如何做)

erDiagram
XXXX ||--o{ Formily : places
Formily ||--|{ Antd : contains
XXXX }|..|{ UI-Project : uses

Benfit (收益)

多个项目可以共用一套解决方案，无需重复开发，统一交互
一处维护替换多处使用