feat: 增加Pictorial组件

[tangying1027]

Checklist

• npm test passes
• tests and/or benchmarks are included
• commit message follows commit guidelines

Description of change

[github-actions]

	Fails
🚫	node failed.

Log

Error:  ReferenceError: Cannot access 'artifact' before initialization
    at dangerfile.js:29:9
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
danger-results://tmp/danger-results-53bcdb70.json

Generated by 🚫 dangerJS against 3f4c37a

[zengyue]

这个的使用方式有点奇怪，可以用 () => VNode 这种方式

[zengyue]

<Pictorial
  x="x"
  y="value"
  symbol={
    ({ xMin, xMax, yMin, yMax }) => {
      return (
        <rect
            style={{
              x: xMin,
              y: yMin,
              width: xMax - xMin,
              height: yMax - yMin,
              fill: 'l(90) 0:#9cc1ff 1:#ecf5ff',
              fillOpacity: 0.9,
            }}
          />
    )
    }
    
  }

[tangying1027]

已修改