Fta React Components

起源于零担专线业务，在保留原有 antd 组件的所有功能下，对一些公用接口和逻辑进行了封装，尽可能减少组件使用时需要处理的逻辑。逐步改善管理后台开发体验。

特性

• antd 组件与满帮后端 API 捆绑，简化组件使用逻辑
• 增强 antd 表单，表单提交时按照后端的要求对字段进行必要的格式化
• 表单组件遵循 antd 自定义表单组件约定，能够方便地获取和设置表单的值

使用方法

yarn add fta-react-components

npm install fta-react-components

import 'antd/dist/antd.less'; //必要，你的项目中antd的样式可能是按需加载。在fta-react-componnents中，antd仅作为peer dependency
import React from 'react';
import { CitySelect } from 'fta-react-components';

export default function CitySelectDemo() {
  return <CitySelect showLevel={3} unSelectables={[1]} />;
}

贡献代码

1. cd ./fta-react-components
2. yarn
3. yarn storybook
4. 打开http://web.amh-group.com:6006/
5. 做一些改动
6. 修改版本号
7. 修改 Changelog
8. 提 MR，合并代码
9. 用 master 分支打 tag
10. yarn compile
11. npm publish 发布组件库http://npm.amh-group.com/
12. 在北斗搜 fta-react-components 项目发组件文档

fta-react-components 组件文档

本地调试

1. fta-react-components 项目的 react 和 react-dom 软链到本地的宿主项目
   • npm link D:/gitWorkSpace/ltlline-operation/node_modules/react
   • npm link D:/gitWorkSpace/ltlline-operation/node_modules/react-dom
2. yarn compile 编译，生成 dist 文件夹
3. yarn link 创建链接对象
4. 宿主项目建立链接 yarn link fta-react-components