tuya-ipc-panel-template
Installation
SKILL.md
Skills: tuya-ipc-panel-template
概述 {#description}
本技能服务于涂鸦 IPC 摄像机品类 Ray 小程序面板模板的二次开发,覆盖固定/云台/可移动等主流摄像机的全流程开发。核心知识包括:声明式 FeatureMenu/TabBar 数据驱动渲染、@ray-js/ipc-player-integration 融合播放器接入、DP 监听与下发约定(publishDpOutTime / useActions 双轨)、VAS pageType 跳转规则、路径巡航 hooks(useCreatePath 等)、弹窗 componentMap 注册机制。技能通过 reference/ 子目录对组件、API、Redux、原生路由提供完整签名,SKILL.md 速查表仅用于选型,详细用法以 reference 为准。
适用场景 {#scene}
- 新增/修改主页功能:在
src/components/layout-feature/configData.ts追加 FeatureMenu,含 bool/enum/popup/miniPage/nativePage 五种 type。 - 新增/修改底部 Tab:在
src/components/layout-footer/configData.ts追加 TabBar,含中心大按钮、对讲特殊项。 - 接入弹窗组件:在
src/components/featureComponents/<key>/写组件、注册componentMap、用changePanelInfoState('showSmartPopup', ...)触发。 - 串联设备 DP:bool/enum/string/JSON 各类型 DP 的
schema.ts注册、publishDpOutTime下发、useProps响应式读、onDpDataChange监听。 - 融合播放器配置:
useCtx创建 instance、Features.initPlayerWidgets启用控件、onPlayStatus联动isPreviewOn、横屏行为。 - VAS 运营 Banner:
getServiceHallSetting取数据 +pageType6 种跳转规则。 - 路径巡航(可移动摄像机):
ipc_mobile_path/ipc_mobile_pathnodeJSON DP +useCreatePath/usePlayPath等 hooks。 - 不适用:非 panel-ipc 仓库、非 IPC 品类(照明 / 插座 / 门锁等)、纯 Ray 框架问题、IoT 平台后台配置类问题、设备固件实现问题。