bsy-components

igroot

白山云前端业务组件库

✨ 特性

• 提炼自各业务中常用的组件
• 基于 antd 以及使用 TypeScript 编写，提供智能的编辑器提示
• 重写、整合散落在各地的 igroot 业务组件
• 严格遵循http://semver.org/lang/zh-CN/语义化版本规范

🖥 支持环境

• React v16.8
• antd v4.0

📦 安装

npm install bsy-components

yarn add bsy-components

🔨 示例

import { Form } from 'antd';
import { SelectTags } from 'bsy-components';

export default () => (
  <Form>
    <Form.Item label="多选标签" name="tags">
      <SelectTags mode="multiple" />
    </Form.Item>
  </Form>
);

⌨️ 集成在现有 SL 项目中

升级依赖

bsy-components 依赖 React v16.8.0 或以上以及 antd v4.x 版本，在引入前务必升级您的依赖版本。

不兼容当前版本的 igroot!

不兼容当前版本的 igroot!

不兼容当前版本的 igroot!

全新项目

• 卸载igroot并安装antd@4.x
• 在 bsy.json 中配置 useAntd: true，打包时会默认将代码中的 igroot 替换为 antd(防止 igroot 全局样式影响)
• 将antd及bsy-components注册在 bsy.json 的esMoudule中

详细配置请在 confluence 内搜索 bsy.json，如遇到问题请联系 @韬仔

igroot 及 antd@3.x 并存的老项目中

• 升级antd至 V4 版本，务必精读从 v3 到 v4
• 使用@ant-design/codemod-v4进行 V3 版本代码迁移
• 无需配置useAntd选项
• 将antd及bsy-components注册在 bsy.json 的esMoudule中
• 样式冲突请自行修改

不建议使用工具进行迁移，尽量将所有业务代码的变化掌握在自己手里。

最佳实践

// TODO

👨‍💻‍ 维护者

@ hanguihe

🤝 如何贡献

非常欢迎你的加入！

请提 issue 或直接提交 Pull Request

当然也可以直接在企业微信内联系我