厄克赛-伊
共享反应组件,商业模块,钩子,以及erxes的前端状态.
在反应应用程序中安装
npm install @erxes/ui
import { Button } from '@erxes/ui';
export function Example() {
return <Button onClick={() => window.alert('Hello')}>Continue</Button>;
}
已发布的软件包包含 JavaScript 并自动导入其编译
样式表。 维特源别名, process.env 嘘, 尾风插件, 来源
不需要扫描和复制主题声明来渲染组件.
匹配 React 版本与软件包的对等依赖 .
组件子路径还包括样式表:
import { Button } from '@erxes/ui/components/button';
样式表覆盖了库使用的类. 配置您的尾风
应用程序,如果您想要生成您自己的额外工具类.
覆盖 CSS 等变量 --primary 自定义默认主题。 添加
页:1 dark 分类到父元素,以选择阴暗的主题.
样式表还设置了页面默认 erxes apps share(src/base.css:
默认的光和暗主题,每个元素的主题边框颜色,页面
背景和文本颜色,以及标题大小。 独立软件不是
由 core- ui 主机主机仅需要此样式表, 加上 @erxes/ui/fonts.css 要装入
Inter and Roboto Mono(核心-ui从它装入它们) index.html) (中文(简体) ).
@erxes/ui/theme.css 用于已编译的应用程序
尾风并供应自己的设计标志. 编译的样式表也是
导出为 @erxes/ui/styles.css 财务报告和审定财务报表 @erxes/ui/style.css。 。 。 .
仍然需要使用路由、图形QL、翻译或共享状态的组件 其相应的应用程序提供者。 即时使用样式表 不配置这些服务.
构建 npm 软件包
pnpm nx build erxes-ui
pnpm --filter erxes-ui test:package
pnpm --dir frontend/libs/erxes-ui/dist pack
这栋楼是独立的 dist/package.json, JavaScript 条目,类型
和汇编的CSS。 现有 theme.css 合同和违约
符号在 src/base.css (也由Core-ui导入)被编入其中. 发布工作流程包此
目录并应用共享平台版本. 工作场所消费者继续
解决原始源出口.
申报排放保留共享图书馆工作流程的现有政策: 类型诊断被报告,而声明失败使构建失败.
运行单元测试
运行 nx test erxes-ui 通过 欢乐。 。 。 .