[Feat] 单元格表头区域设置渐变色

[Yang-yibu]

Version

1.0.1

Link to Minimal Reproduction

https://visactor.io/vtable/demo/theme/extend

Steps to Reproduce

CSS background: linear-gradient(180deg,#d2e6ff,#f5faff)

将示例中的 theme.headerStyle.bgColor 换成

headerStyle: {
            bgColor: (args) => {
              // return '#d2e6ff';

              const _canvas = args.table.canvas;
              const ctx = _canvas.getContext('2d');

              // const gradient = ctx!.createLinearGradient(0, 0, _canvas.width, _canvas.height);
              const gradient = ctx!.createLinearGradient(0, 0, 0, 40);
              gradient.addColorStop(0, '#d2e6ff');
              gradient.addColorStop(1, '#f5faff');
              return gradient;
            }
}

Current Behavior

显示成了黄色背景

Expected Behavior

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[fangsmile]

目前我们单元格的背景色bgColor不支持渐变配置形式。这个需求我们后面可以考虑下。
目前的话 你可以用自定义渲染来实现：参考 https://visactor.io/vtable/demo/business/sales-bubble

[Yang-yibu]

那 TS 类型提示用改下么？我以为我用法有问题

[fangsmile]

好的 我们优化下吧。

[fangsmile]

转为需求后续开发。可以在theme中表头 body 或者table整体 设置渐变色配置。
单元格的渐变也考虑下如何实现