feat: add waterfall chart suport

Author: kagawagao

__tests__/plots/__snapshots__/waterfall.spec.tsx.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WaterfallChart should render without crashed 1`] = `<div />`;

__tests__/plots/waterfall.spec.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+import { create } from 'react-test-renderer'
+import WaterfallChart from '../../src/plots/waterfall'
+
+describe('WaterfallChart', () => {
+  test('should render without crashed', () => {
+    const renderer = create(<WaterfallChart data={[]} xField="x" yField="y" />)
+
+    expect(renderer.toJSON()).toMatchSnapshot()
+  })
+})

package-lock.json

@@ -47,13 +47,12 @@
     "postversion": "npm publish"
   },
   "devDependencies": {
-    "@antv/g2plot": "^2.0.2",
-    "@babel/cli": "^7.11.6",
+    "@antv/g2plot": "^2.0.3",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
-    "@opd/babel-preset-component": "^1.10.0",
-    "@opd/eslint-config-pangu": "^1.10.0",
-    "@opd/jest-preset-pangu": "^1.10.0",
+    "@opd/babel-preset-component": "^1.11.0",
+    "@opd/eslint-config-pangu": "^1.11.0",
+    "@opd/jest-preset-pangu": "^1.11.0",
     "@opd/prettier-config-pangu": "^1.8.7",
     "@types/lodash": "^4.14.162",
     "@types/react": "^16.9.52",
@@ -63,14 +62,14 @@
     "canvas": "^2.6.1",
     "conventional-changelog-cli": "^2.1.0",
     "cross-env": "^7.0.2",
-    "dumi": "^1.1.0-beta.24",
+    "dumi": "^1.1.0-beta.25",
     "husky": "^4.3.0",
     "jest-canvas-mock": "^2.3.0",
     "lint-staged": "^10.4.0",
     "lodash": "^4.17.20",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-test-renderer": "^16.13.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-test-renderer": "^16.14.0",
     "typescript": "^4.0.3"
   },
   "prettier": "@opd/prettier-config-pangu",
@@ -80,7 +79,7 @@
     "react": "^15.0.0 || ^16.0.0"
   },
   "dependencies": {
-    "@babel/runtime": "^7.11.2"
+    "@babel/runtime": "^7.12.1"
   },
   "husky": {
     "hooks": {

package.json

@@ -14,6 +14,7 @@ import { RadarChartProps as _RadarChartProps } from './plots/radar'
 import { RoseChartProps as _RoseChartProps } from './plots/rose'
 import { ScatterChartProps as _ScatterChartProps } from './plots/scatter'
 import { WordCloudChartProps as _WordCloudChartProps } from './plots/word-cloud'
+import { WaterfallChartProps as _WaterfallChartProps } from './plots/waterfall'
 
 // mini plots
 import { ProgressChartProps as _ProgressChartProps } from './plots/progress'
@@ -82,3 +83,6 @@ export type TinyColumnChartProps = _TinyColumnChartProps
 
 export { default as TinyLineChart } from './plots/tiny-line'
 export type TinyLineChartProps = _TinyLineChartProps
+
+export { default as WaterfallChart } from './plots/waterfall'
+export type WaterfallChartProps = _WaterfallChartProps

src/index.tsx

@@ -0,0 +1,17 @@
+import React, { forwardRef } from 'react'
+import { Waterfall, WaterfallOptions } from '@antv/g2plot'
+import BaseChart, { BaseChartProps } from '../../components/base'
+
+export type WaterfallChartProps = Omit<
+  BaseChartProps<WaterfallOptions>,
+  'chart'
+> &
+  WaterfallOptions
+
+const WaterfallChart = forwardRef<HTMLDivElement | null, WaterfallChartProps>(
+  (props, ref) => {
+    return <BaseChart chart={Waterfall} ref={ref} {...props} />
+  }
+)
+
+export default WaterfallChart