test: 给heatmap添加pattern的单测和文档，并给patternAttr的类型增加布尔值

__tests__/unit/plots/heatmap/pattern-spec.ts

@@ -0,0 +1,67 @@
+import { Heatmap } from '../../../../src';
+import { semanticBasicHeatmapData } from '../../../data/basic-heatmap';
+import { createDiv } from '../../../utils/dom';
+
+describe('heatmap: pattern', () => {
+  it('pattern: obj', () => {
+    const heatmap = new Heatmap(createDiv('style'), {
+      width: 400,
+      height: 300,
+      data: semanticBasicHeatmapData,
+      xField: 'name',
+      yField: 'day',
+      colorField: 'sales',
+      pattern: {
+        type: 'line',
+      },
+    });
+
+    heatmap.render();
+
+    const geometry = heatmap.chart.geometries[0];
+    const elements = geometry.elements;
+    expect(elements[0].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+
+    heatmap.update({
+      pattern: false,
+    });
+
+    expect(heatmap.chart.geometries[0].elements[0].shape.attr('fill') instanceof CanvasPattern).toEqual(false);
+
+    heatmap.destroy();
+  });
+
+  it('pattern: callback', () => {
+    const heatmap = new Heatmap(createDiv('style'), {
+      width: 400,
+      height: 300,
+      data: semanticBasicHeatmapData,
+      xField: 'name',
+      yField: 'day',
+      colorField: 'sales',
+      pattern: ({ sales }) => {
+        if (sales === 10) {
+          return { type: 'dot' };
+        }
+      },
+    });
+
+    heatmap.render();
+
+    const geometry = heatmap.chart.geometries[0];
+    const elements = geometry.elements;
+    expect(elements[0].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+
+    heatmap.update({
+      pattern: ({ sales }) => {
+        if (sales === 19) {
+          return { type: 'dot' };
+        }
+      },
+    });
+
+    expect(heatmap.chart.geometries[0].elements[1].shape.attr('fill') instanceof CanvasPattern).toEqual(true);
+
+    heatmap.destroy();
+  });
+});

docs/api/plots/heatmap.en.md

@@ -49,6 +49,8 @@ Axis mapping.
 
 `markdown:docs/common/color.en.md`
 
+`markdown:docs/common/pattern.en.md`
+
 #### shape
 
 <description>**optional** _rect | square | circle_</description>

docs/api/plots/heatmap.zh.md

@@ -49,6 +49,8 @@ order: 23
 
 `markdown:docs/common/color.zh.md`
 
+`markdown:docs/common/pattern.zh.md`
+
 #### shape
 
 <description>**可选** _rect | square | circle_</description>

src/types/attr.ts

@@ -9,6 +9,7 @@ export type ShapeStyle = ShapeAttrs;
 export type ColorAttr = string | string[] | ((datum: Datum) => string) | object;
 /** pattern 映射*/
 export type PatternAttr =
+  | boolean
   | CanvasPattern
   | PatternOption
   | ((datum: Datum, color: string /** inherit color */) => PatternOption | CanvasPattern);