skills/developer.tuya.com/tuya-ipc-panel-template

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 运营 BannergetServiceHallSetting 取数据 + pageType 6 种跳转规则。
  • 路径巡航(可移动摄像机):ipc_mobile_path / ipc_mobile_pathnode JSON DP + useCreatePath / usePlayPath 等 hooks。
  • 不适用:非 panel-ipc 仓库、非 IPC 品类(照明 / 插座 / 门锁等)、纯 Ray 框架问题、IoT 平台后台配置类问题、设备固件实现问题。

搭配使用 {#usage}

Installs
16
First Seen
May 22, 2026
tuya-ipc-panel-template from developer.tuya.com