Web-core-components NPM

web公共组件、方法库

新增组件流程

新建分支。
在components文件夹下新增文件夹（命名为要新增的组件名即可），在新增的文件夹中创建index.tsx（组件实现）、README.md（组件使用示例）文件，如需添加样式则创建index.less文件（样式文件引入方式，查看components/lessDemo）。
如果组件依赖ProComponents、antd中的组件或dva，无需将依赖添加到dependencies中，只需要添加到devDependencies用于在example/app.tsx测试，因为现有项目都依赖这些，如果使用了现有项目中不存在的组件则将依赖添加到现有项目中，避免重复依赖，版本冲突导致问题。
组件在components文件夹下新增完成后，可以在example/app.tsx文件中测试验证组件的功能是否正常。（在example/app.tsx中按照现有逻辑添加完组件后，执行yarn start命令启动本地服务查看）
确定组件功能正常后，commit代码，然后修改package.json中的版本号，在CHANGELOG.md中添加本次更新说明，commit，执行yarn build，打包完成后commit，push代码，合并到develop分支。
在develop分支确认package.json中，publishConfig.registry = http://192.168.3.35:8081/artifactory/api/npm/xs-npm-dev-local/后（可手动更改，不提交即可），执行`yarn publish`推送到测试库，先使用测试库的代码测试，确认没问题后，再推送到正式库。
推送到正式库。切换到master分支，合并新建的分支，确认package.json中，publishConfig.registry = http://192.168.3.35:8081/artifactory/api/npm/xs-npm-local/后（可手动更改，不提交即可），执行`yarn publish`推送到正式库，添加Tag。

修复组件流程

新建分支。
组件修复后，在example/app.tsx文件中测试验证组件的功能是否正常。
之后按照新增组件流程的4、5、6步执行。

新增公共方法流程

新建分支。
按照components/utils/index.ts文件内的方法定义格式及导出方法添加。
之后按照新增组件流程的4、5、6步执行。

公共组件及方法使用示例

  import { ImageUpload } from '@web-artifactory/web-core-components';
  import { getValueFromEventImg, processImgForm } from '@web-artifactory/web-core-components/utils';