SuperAPI AI 工具集

react-to-axure

前端与建站

查看项目

更新于 10-16 00:00

技能介绍

用途:把现成 React 组件或应用改造为可导入 Axure 原型平台的标准组件,使其具备配置面板、事件系统、动作系统、变量暴露与数据接入能力,实现与 Axure 原型的双向交互。

主要能力:产出两类产物——配置声明(EVENT_LIST / ACTION_LIST / VAR_LIST / CONFIG_LIST / DATA_LIST 五组常量)与运行时封装(forwardRef + useImperativeHandle 包装的组件代码)。导出产物默认写入 .axhub/make/artifacts/axure/<resource-id>/,包含 index-bundle.json、axure-json.json、cover.svg、manifest.json;若项目使用 .axhub/make/project.json,需在 resources.prototypes[].artifacts.axure 中登记路径。

使用方式:先分析源组件的 props、内部状态、交互行为、外部依赖与 DOM 操作,输出改造清单;复制 references/axure-types.ts(及可选的 config-panel-types.ts)到项目公共目录;定义五组常量;用 forwardRef + useImperativeHandle 封装组件,暴露 getVar、fireAction 及五个列表;构建产物需为 IIFE 格式、全局变量名 UserComponent,并外部化 react 与 react-dom。

适用场景:React 组件需在 Axure 原型中使用、需与 Axure 原型系统双向交互、或需生成标准化配置面板定义。

限制:事件 payload 与动作 params 必须为字符串,复杂数据需 JSON 序列化;VAR_LIST 名称须用 snake_case;props 解构需防御性写法,config 读取需类型检查而非 ||;具体收费、价格与平台支持情况暂未提供。