vue render

[lloydzhou]

封装vue render

import createRender from "x6-html-shape/dist/vue";
import createRender from "x6-html-shape/dist/vue2";
const render = createRender(CustomComponent);
// 选择性使用vue3/vue2

// 或者直接使用teleport进行渲染
import createTeleportRender from "x6-html-shape/dist/teleport";
const [render, Container] = createTeleportRender(CustomComponent);

// 如果使用teleport进行渲染，需要先挂载对应的Container
<Container />

// 注册节点
register({
  shape: "html-shape-for-vue",
  render: render,
  width: 200,
  height: 40
});

// 创建节点
graph.addNode({
  shape: 'html-shape-for-vue-teleport',
  id: 'node1',
  label: 'node1',
  x: 100,
  y: 100,
})