@fest-lib/fl-ui (英语)
Chromium-First shell UI:窗口,任务栏,App菜单,飞出,土司,速度拨号.
样式默认为 Veela( 可选对等) 。 原生控制铬保持 .btn 除非你选择整个东道方的规则 速打平分:平分/圆分/平分/平分/瓦分 无形状 (英文-as-shape + silhouette).
core · dom · object · lure · uniform · veela?
└── fest/fl-ui ← you are here
└── environment-shell · CWSP-shell
安装
npm install @fest-lib/core @fest-lib/dom @fest-lib/object @fest-lib/uniform @fest-lib/lure @fest-lib/fl-ui
npm install @fest-lib/veela # optional, recommended
打电话 configureFlUI 在此之前 需要非默认变体时导入铬:
import { configureFlUI, loadFlUIGlobalNativeControlStyles, getFlUIConfig } from "@fest-lib/fl-ui";
configureFlUI({
styleVariant: "veela-advanced", // or "veela-basic"
includeGlobalNativeControlStyles: false,
loadStyles: true
});
// later, legacy document-wide inputs:
await loadFlUIGlobalNativeControlStyles();
软件包通过 SCSS 自动装入 @fest-lib/dom loadInlineStyle 除非 loadStyles: false。 。 。 .
SCSS 子路径
@use "@fest-lib/fl-ui/styles";
@use "@fest-lib/fl-ui/styles/core";
@use "@fest-lib/fl-ui/styles/lib";
表面( 本包)
| 区域 | 路径 |
|---|---|
| 窗口/ 模式 | src/ui/containers/* |
| 任务栏、状态栏、 App 菜单、日历、 QS | src/ui/navigation/* |
| 速度拨号、 图标拾取器、 瓦片形状 | src/ui/speed-dial/* |
| 土司 | src/misc/Toast.ts |
App Menu (CWSP-shell):应用信息,Android设置,编辑发布,未安装. 速度拨号使图标和标签层与坚持的单元格分开.
重叠必须使用 LUR.E TriggerCore 编号 : bindOutsideDismiss 编号 : resolvePlacement 和"Veela"符号——不要发明出第二个调色板.
发展运动场
cd modules/projects/fl.ui
npm run dev # HTTPS, port 8434 (`?suite=explorer`, OPFS)
npm run dev:http # HTTP only
npm run dev:8434
npm run build
npm run publish
浏览器检查运行在 test/ (单位:千美元)workspace-snapshot, (中文(简体) ), modal-lifecycle, (中文(简体) ), chrome-flyout-lifecycle, (中文(简体) ), form-binding-lifecycle游乐场套房 许可证 : 麻省理工学院。 。 。 .