内置渲染器

PtahJs 将渲染层与核心状态层解耦。渲染器通过 createPtah({ renderer }) 注册。

import { createPtah, WebRenderer } from '@ptahjs/ui-vue';

app.use(
    createPtah({
        id: 've1',
        renderer: WebRenderer,
        modules: moduleTree,
        parameterComponents: editors,
    })
);

---

WebRenderer

import { WebRenderer } from '@ptahjs/ui-vue';

会设置 runtime.renderMode = "WEB"，用于常规 Web 布局渲染。

SceneRenderer

import { SceneRenderer } from '@ptahjs/ui-vue';

会设置 runtime.renderMode = "SCENE"，用于场景类（如 3D）渲染模式。

FlowRenderer

import { FlowRenderer } from '@ptahjs/ui-vue';

会设置 runtime.renderMode = "FLOW"，用于流程图样式渲染。

---

自定义渲染器

自定义渲染器对象需要包含：

• install(runtime)
• template（Vue 组件）

import MyTemplate from './MyTemplate.vue';

export const MyRenderer = {
    install(runtime) {
        runtime.renderMode = 'WEB';
    },
    template: MyTemplate,
};

通过 createPtah({ renderer: MyRenderer, ... }) 注册即可。