@ buoy- gg/ shared- ui
Buoy的"回放原生"工具使用的共享组件,颜色,钩子和公用设备. 在执行自定义工具或兼容的内部接口时使用此软件包. 要安装现有的工具套件,请从 @ buoy- gg/ 核心。 。 。 .
安装
npm install @buoy-gg/shared-ui
保持对等依赖性与您的其他Buoy包相兼容,包括许可证包. 这是 @buoy-gg 范围.
公共入境点
被保存的网页窗口保持了它们的上边缘,就像本地窗口一样.
| 导入 | 目录 |
|---|---|
@buoy-gg/shared-ui | 主要组成部分和公用事业出口. |
@buoy-gg/shared-ui/colors | 组件模块加载前用于初始化的调色板导出 . |
@buoy-gg/shared-ui/ui | UI组件和造型助手. |
@buoy-gg/shared-ui/hooks | 共享钩. |
@buoy-gg/shared-ui/utils | 实用功能. |
@buoy-gg/shared-ui/dataViewer | 数据检查组件. |
@buoy-gg/shared-ui/history | 与历史相关的出口. |
例如,通过专用切入点读取共享调色板:
import { macOSColors } from "@buoy-gg/shared-ui/colors";
const panelBackground = macOSColors.background.card;
使用已安装的宣告来选择组件及其道具. 避免从私人来源进口。 一些组件和存储取决于账户状态或提供者上下文;导入一个原始不会初始化周围的工具生命周期.
跟着 自定义工具指南 以注册工具及其适配器。 在连接远程动作前用空数据、已知的人口状态以及所支持的应用程序主题验证您的面板 .
账户设置
AccountSetup 当Buoy需要核实账户时,请显示登录发射器。 本地和网络使用相同的启动器和账户卡,包括可复制的登录命令,连接反馈,以及支持链接. 网卡在发射台上方打开并用"逃出"(Escape),"取出"(Escape),"取出"(Escape),"取出"(取出)"(取出"取出"取出"),"取出"(取出"取出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出"出""出"出"出"""""""""""""""""""""". FreeAccountPrompt 以本地模式呈现卡片.
自定义浮动工具
FloatingTool 提供与 DevTools 气泡相同的拖曳、隐藏/恢复和位置行为。 使用 FloatingToolHost 与 openFloatingTool 以保持紧凑的自定义控制在导航器上挂起。 每个工具提供自己的内容和行动。 设定 dragFromSurface 使背景可拖动,同时按钮保持手势;默认只使用抓取.
见 自定义浮动工具指南 用于本土和浏览器集成,生命周期规则和实例. 浏览器消费者可以导入专用 @buoy-gg/shared-ui/floating 输入.
在浏览器面板中,头拖曳开始于非交互空间. 按钮,制表符,输入等可聚焦控制保持其指针输入. 窗口控制器有24个px命中区域.
Web 动作栏 尊重一个起底点 。 保存的斑点仍然取胜. 网页菜单和模式停留在工具窗口上方.