Screenwright 大屏 SDK Hooks 全局入口

SkillDev tools

Global entry and reference guide for the core Hooks of the Screenwright big-screen SDK. Use this skill when you need to know which important hooks exist in the big screen, what a hook does and how to use it, how to initialize big-screen data, how to access the component tree, how to trigger events a

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the Screenwright 大屏 SDK Hooks 全局入口 skill

What this skill tells your AI

The instructions your AI receives, as published by onweekendd/screenwright in .claude/skills/sw-bigscreen-hooks/SKILL.md and read by ahel’s review.

SDK 导出文件:apps/app/src/views/view/exportEntry/sdk/hooks.ts

架构分层

┌─────────────────────────────────────────────────────┐
│  数据层(屏幕初始化 & 状态)                           │
│  useInitLargeScreenData  useGlobalComponentData      │
│  useLargeScreenInfo                                  │
├─────────────────────────────────────────────────────┤
│  画布层(编辑状态 & 数据过滤)                         │
│  useEditStore            useDataFilter               │
├─────────────────────────────────────────────────────┤
│  事件系统层                                           │
│  useEvent(入口 facade)                              │
│    └─ useEventHandling(核心编排)                    │
│         ├─ useActionEvent(组件行为注册)              │
│         ├─ useEventCallbacks(泛型回调注册)           │
│         └─ useCallbackArguments(回调参数传播)        │
│  useEncodeEvent(Encode 面板专用)                    │
│  useGlobalAnimation(动画触发注册)                   │
└─────────────────────────────────────────────────────┘

Hooks 索引

Hook层级一句话描述
useInitLargeScreenData数据层初始化大屏数据,加载屏幕详情与组件列表
useGlobalComponentData数据层全局组件树管理,提供各类组件 Map 索引
useLargeScreenInfo数据层屏幕元信息管理(尺寸、主题、版本等配置)
useEditStore画布层画布编辑状态:当前选中组件、缩放比例、路由类型判断
useDataFilter画布层全局数据过滤器的增删改查与组件绑定
useEvent事件层事件触发入口(facade),最常用的事件调用点
useEventHandling事件层事件核心编排:条件判断、行为执行、回调分发
useActionEvent事件层组件挂载时注册自身行为方法,供事件系统调用
useEventCallbacks事件层泛型事件回调注册/执行,Set 去重,并发执行
useCallbackArguments事件层组件间回调参数关系管理,带防抖的值传播
useEncodeEvent事件层Encode 面板(终端)事件,发送 terminal 消息
useGlobalAnimation事件层全局动画触发注册表,注册/卸载/执行动画

事件系统调用链

用户交互
  → useEvent.handleEventAndCallbackEvent(params)
      → useEventHandling.handleEvents()
          → 条件检查(useConditionChecking)
          → handleActions():Strategy 执行各行为
              → useActionEvent(调用已注册的组件方法)
          → useCallbackArguments.handleCallback()(防抖值传播)
          → useEventCallbacks.executeCallbacks()(并发执行回调)

References

文件何时读取
references/01-useInitLargeScreenData.md需要初始化大屏、加载屏幕数据、处理分享密码时
references/02-useGlobalComponentData.md需要获取组件列表、查找组件、管理 Panel 子组件时
references/03-useLargeScreenInfo.md需要读取屏幕尺寸、主题配置、版本信息时
references/04-useEditStore.md需要获取当前选中组件、画布缩放、路由类型判断时
references/05-useDataFilter.md需要管理全局数据过滤器、绑定组件与 filter 时
references/06-useEvent.md需要触发组件事件(最常用入口)时
references/07-useEventHandling.md需要理解事件编排机制、自定义 action 类型时
references/08-useActionEvent.md需要组件注册自身行为方法、合并多个 handler 时
references/09-useEventCallbacks.md需要注册/注销全局事件回调、并发执行多个回调时
references/10-useCallbackArguments.md需要在组件间传递回调参数、配置 cbArgs 关系时
references/11-useEncodeEvent.md需要向 Encode 面板发送终端消息时
references/12-useGlobalAnimation.md需要注册动画触发器、播放组件进出场动画时

Signals

GitHub stars
31
Last commit
Sep 2026
Advanced
Catalog kind
skill
Gateway key
sw-bigscreen-hooks
Source
github.com/onweekendd/screenwright