[v5] render spec 用法

[visiky]

现状

使用 render spec 用法时，目前需要增加 type: 'view' 的节点，期望可以增加语法糖，简化用法

render({
  type: 'view',
  children: [{
    type: 'line',
    encode: {},
    style: {},
  }]
})

期望

render({
  type: 'line',
  encode: {},
  style: {},
})

[pearmini]

现在应该支持：https://github.com/antvis/G2/blob/v5/__tests__/integration/charts/aapl-line-basic.ts

[visiky]

import { render } from '@antv/g2';

function Composite({ data, encode }) {
  return () => {
    return [{
      type: 'line',
      data,
      encode
    }, {
      type: 'point',
      data,
      encode: {
        ...encode,
        shape: 'point'
      }
    }]
  }
}

Composite.props = { composite: true }

const c1 = render({
  type: Composite,
  height: 200,
  data: [{ type: '分类1', value: 10 }, { type: '分类2', value: 12 }],
  encode: { x: 'type', y: 'value' }
});

const c2 = render({
  type: 'view',
  height: 200,
  children: [{
    type: Composite,
    data: [{ type: '分类1', value: 10 }, { type: '分类2', value: 12 }],
    encode: { x: 'type', y: 'value' }
  }]
});

document.getElementById('container').replaceChildren(c1, c2);

控制台有报错

[pearmini]

大概2月份重构的时候会解决这个问题