antd-ecarx-extend v1.2.0

ecarx前端antd扩展库

一：扩展库介绍

基于react，ant-design的二次封装库，主要封装一些使用ant-design库实现时比较复杂或有特殊需求的组件

二：使用

安装

npm install antd-ecarx-extend --save

引入

import {TableWithSearchBar} from antd-ecarx-extend

三：如何开发组件

codealiyun上clone此项目并 npm install ，在src下创建不与其他组件重名的文件夹，文件夹名尽量与组件引用时的名字一致。 src/app.js可以在当前项目里进行预览，开发什么组件时就引入什么组件进行观察测试，可以任意修改 src/index.js打包发布时必须引入写好的组件，否则测试demo项目调用不到你新开发的组件。

开发时运行

npm run dev

开发组件注意

组件库尽量与当前业务解耦，即组件不要写死配置项，一切配置由业务传入。

例子

上传组件upload，header里不要写死要上传的url，即使我们公司就只有一个上传url，也不要写死。

四：如何测试组件功能

npm run build,

npm link把打包之后的组件引入到 global node_modules 中, 然后在验证demo中通过 npm link antd-ecarx-extend引入这个组件，并验证是否符合预期。

五：如何打包发布新版本

打包

npm run build

发布

package.json修改version，每当增加新组件时，递增版本号的第二个数字，每当修改组件不涉及添加（即使在原组件上增加了新功能）时递增版本号的第三个数字，第一个数字尽量不修改，除非有重大更新。

不要修改完直接在原版本上进行发布，务必更新版本。

最后npm publish即可，必须完成"四：如何测试组件功能"步骤且通过测试后再进行发布。

六：组件

TableWithSearchBar(带searchbar的table组件)

介绍

table组件的扩展，适用于包含上方筛选条件的table组件