paat-ui-react

---

我们通常需要在 react,antd 的基础上封装一些通用的 ui 组件，现在我们可以把它们抽离出来，才有了我们现在的项目.

• 通用 ui 大组件
• hook 集合
• todo

使用 example

npm install paat-ui-react

import { Login } from 'paat-ui-react'

注意

因为项目使用 hook，如果你看到

原因可参考

当然我们也给出了方案

请检查 webpack 配置文件或者等同文件加入

import { resolve } from 'path'

alias: {
    React: resolve(__dirname, './node_modules/react'),
    'react-dom': resolve(__dirname, './node_modules/react-dom'),
},

如果还不行，尝试下删除 node_modules 包 重新装下依赖

theme 相关

可参考 antd 的 theme 配置,但是由于为了迎合公司图标的问题，针对图标可能需要特殊处理一下

你需要再全局样式加上 less 文件然后放下如下代码(以后我会想办法解决的！！！不好意思！)

@import "~antd/lib/style/themes/default.less";
@icon-prefix: ~'nm-icon';
.@{icon-prefix} {
color: @primary-color;
}
.nm-icon-polygon {
stroke: @primary-7;
}
.nm-icon-bold {
color: @primary-7;
}
a {
color: @primary-color;
}

当然我们也在寻求更优方案也欢迎 give me a idea

todo

• [x] 优化 login 组件
• [ ] 优化工作流
• [ ] 增加更多组件
• [ ] 增加通用 hook
• [ ] 增加通用方法