@ adcore/ ui (英语)
对表现类似桌面软件的应用程序进行回放组件:带有快捷键的菜单,对话框上的对话,工具提示,字段,土司和一个设置对话框. 每个数字和日期都通过遵循语言的格式器和一个人物设定的区域,一个符号主题将其全部画出. 建于反应19上, 基础UI, (中文(简体) ), 卢西德 尾风4.
安装
bun add @adecore/ui
反应19, react-dom, (中文(简体) ), i18next 财务报告和审定财务报表 react-i18next 是同伴的依赖关系; 应用程序带来了它们.
设置
在 Tailwind 之后导入主题, 让 Tailwind 为它使用的类扫描库 。 这个 @source 路径相对 CSS 文件.
@import "tailwindcss";
@import "@adecore/ui/theme.css";
@source "../node_modules/@adecore/ui/dist";
将应用程序包入 UIProvider 一次,高于图书馆的第一部分。 它在应用的i18next(英语和荷兰语的"飞船")中添加了图书馆的词,将格式化者交给他们 格式来源 并挂载工具提示提供者.
import i18next from 'i18next';
import { UIProvider } from '@adecore/ui';
createRoot(root).render(
<UIProvider i18n={i18next} formatSource={formatSource}>
<App />
</UIProvider>
);
从那里,每个组件都可以使用:
<Menu.Root>
<IconButton icon={Ellipsis} label="More" render={<Menu.Trigger />} />
<Menu.Popup align="end">
<Menu.Item onClick={rename}>
Rename <Kbd shortcut={KEY_SHORTCUTS.rename} />
</Menu.Item>
<Menu.Item onClick={remove}>Remove</Menu.Item>
</Menu.Popup>
</Menu.Root>
开始 覆盖了其余部分:格式源,一种第三语言,可选的棋子和如何进行本地取出的工作.
工作空间
Workspace 设置一个工具栏、边区和内容,以标准或房间布局. SplitView 以文档标签嵌入可调整面板,以及 TabStrip 绘制标签。 一个视图移动到另一个面板时会挂起。 应用程序保持文档状态, 决定是否关闭标签并保存版式 。 这个 工作空间指南 覆盖可控布局模式,并有演示.
入境点
| 导入 | 它所持有的 |
|---|---|
@adecore/ui | 部件、钩子和助手 |
@adecore/ui/settings | SettingsDialog 和窗帘部分 |
@adecore/ui/format | 数字、日期、期限和区域,以及 setFormatSource |
@adecore/ui/testing | 应用测试的假象,例如 fakeFormatSource() |
@adecore/ui/testing/dedupe | A 类 bun test 连接到退出的应用程序预装 |
@adecore/ui/theme.css | 主题 |
没有别的是公开的。 没有任何模块在导入上起作用,所以捆绑机只保留应用程序的用途.
文档
| 页次 | 它包含什么 |
|---|---|
| 开始 | 安装,主题, UIProvider,格式源和一个本地取出 |
| 原则 | 从类型尺度到键盘焦点 |
| 主题 | 光和暗的每个标志, 如何设置口音 |
| 构成部分 | 在侧边栏中分组的每个组件有活演示的一页 |
| 格式化 | 数字、日期、期限和区域 |
| 测试 | 应用程序测试的假冒和链接检出预装 |
许可证
FSL-1.1-MIT,见 自由主义。 。 。 .