feat: introduce VennChart

Author: kagawagao

.github/workflows/auto-release.yml

@@ -0,0 +1,17 @@
+name: "auto-release"
+
+on:
+  push:
+    tags:
+      - "v*"
+
+jobs:
+  tagged-release:
+    name: "Tagged Release"
+    runs-on: "ubuntu-latest"
+
+    steps:
+      - uses: "marvinpinto/action-automatic-releases@latest"
+        with:
+          repo_token: "${{ secrets.GITHUB_TOKEN }}"
+          prerelease: false

__tests__/plots/venn.spec.tsx

@@ -0,0 +1,23 @@
+import { mount } from '@vue/test-utils'
+import VennChart from '../../src/plots/venn'
+
+const config = {
+  data: [
+    { sets: ['A'], size: 12, label: 'A' },
+    { sets: ['B'], size: 12, label: 'B' },
+    { sets: ['C'], size: 12, label: 'C' },
+    { sets: ['A', 'B'], size: 2, label: 'A&B' },
+    { sets: ['A', 'C'], size: 2, label: 'A&C' },
+    { sets: ['B', 'C'], size: 2, label: 'B&C' },
+    { sets: ['A', 'B', 'C'], size: 1 },
+  ],
+  setsField: 'sets',
+  sizeField: 'size',
+  pointStyle: { fillOpacity: 0.85 },
+}
+
+describe('VennChart', () => {
+  test('should render without crashed', () => {
+    mount(() => <VennChart {...config} />)
+  })
+})

src/index.ts

@@ -51,6 +51,8 @@ import { FacetChartProps as _FacetChartProps } from './plots/facet'
 
 import { CirclePackingChartProps as _CirclePackingChartProps } from './plots/circle-packing'
 
+import { VennChartProps as _VennChartProps } from './plots/venn'
+
 export { default as AreaChart } from './plots/area'
 export type AreaChartProps = _AreaChartProps
 
@@ -141,3 +143,5 @@ export { default as FacetChart } from './plots/facet'
 export type FacetChartProps = _FacetChartProps
 export { default as CirclePackingChart } from './plots/circle-packing'
 export type CirclePackingChartProps = _CirclePackingChartProps
+export { default as VennChart } from './plots/venn'
+export type VennChartProps = _VennChartProps

src/plots/venn/index.tsx

@@ -0,0 +1,23 @@
+import { App, defineComponent } from 'vue-demi'
+import { Venn, VennOptions } from '@antv/g2plot'
+import BaseChart, { BaseChartProps } from '../../components/base'
+import { Writeable } from '../../types'
+import { mergeAttrs } from '../../utils'
+
+export type VennChartProps = Writeable<
+  Omit<BaseChartProps<VennOptions>, 'chart' | 'data'> & VennOptions
+>
+
+const VennChart = defineComponent<VennChartProps>({
+  name: 'VennChart',
+  setup(props, ctx) {
+    return () => <BaseChart chart={Venn} {...mergeAttrs(props, ctx.attrs)} />
+  },
+})
+
+/* istanbul ignore next */
+VennChart.install = (app: App) => {
+  app.component(VennChart.name, VennChart)
+}
+
+export default VennChart