feat: 物料配置文件

__stories__/update.stories.tsx

@@ -40,7 +40,7 @@ const getData = () => {
     return dataSource;
   }
 
-  return undefined;
+  return dataSource;
 }
 
 function ChangeData() {

demos/features/changeData.jsx

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from "react";
 import {
   Chart,
   Interval,
+  Coordinate
 } from "../../src";
 
 const data1 = [
@@ -62,6 +63,7 @@ const Basic = () => {
   return (
     <Chart onIntervalClick={console.log}  data={data} height={500} autoFit>
       <Interval position="year*value" />
+      <Coordinate transpose />
     </Chart>
   );
 }

demos/geom/interval.jsx

@@ -59,7 +59,7 @@ function Basic(props) {
       <Chart height={400} padding="auto" data={data} scale={cols} autoFit {...cfg.Chart}>
         <Tooltip showMarkers={false} {...cfg.Tooltip} />
         <Coordinate transpose />
-        <Interval position="year*value"  label="value" {...cfg.Interval} />
+        <Interval active-region position="year*value"  label="value" />
       </Chart>
     </div>
   );

demos/interval/basicBar.jsx

@@ -90,7 +90,7 @@ const Basic = () => {
               return <>
               {
                 chart.filteredData.map((d, index) => {
-                  return <Ellipse attrs={{
+                  return <Ellipse key={index} attrs={{
                     x: 30 + index * 20,
                     y: 50 + count,
                     rx: 20,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bizcharts",
-  "version": "4.0.5-beta.4",
+  "version": "4.0.5",
   "description": "bizcharts",
   "keywords": [
     "bizcharts",

src/components/Chart/index.tsx

@@ -15,8 +15,6 @@ export class Chart extends React.Component<IChartProps> {
   protected resizeObserver: ResizeObserver;
   private chartHelper: ChartHelper;
   public readonly isRootView = true;
-  protected width: number;
-  protected height: number;
   private resize = _debounce(() => {
     const { chart } = this.chartHelper;
     if (this.props.autoFit && this.chartHelper.chart) {
@@ -26,7 +24,7 @@ export class Chart extends React.Component<IChartProps> {
         chart.width,
         chart.height
       );
-      if (this.width !== width || this.height !== height) {
+      if (chart.width !== width || chart.height !== height) {
         chart.changeSize(width, height);
         chart.emit('resize');
       }
@@ -48,8 +46,6 @@ export class Chart extends React.Component<IChartProps> {
 
   componentDidMount() {
     this.chartHelper.render();
-    this.width = this.chartHelper.chart.width;
-    this.height = this.chartHelper.chart.height;
   }
 
   componentDidUpdate() {

src/utils/transBooleanCfg.ts

@@ -4,7 +4,9 @@ import _clone from '@antv/util/lib/clone';
 export default (cfg: Object, keys: string[]) => {
   const opt = _clone(cfg);
   keys.forEach(key => {
-    if (opt[key] === false) {
+    if (opt[key] === true) {
+      opt[key] = {};
+    } else if (opt[key] === false) {
       opt[key] = null;
     }
   });

unittest/pickWithout-spec.tsx

@@ -1,6 +1,6 @@
 import pickWithout from '../src/utils/pickWithout';
 
-describe('todos reducer', () => {
+describe('pickWithout', () => {
   it('should pickWithout a from array', () => {
     const res = pickWithout({ a: 1, b: 2 }, ['a']);
     expect(res.a).toEqual(undefined);

unittest/shallowEqual-spec.tsx

@@ -1,6 +1,6 @@
 import shallowEqual from '../src/utils/shallowEqual';
 
-describe('todos reducer', () => {
+describe('shallowEqual', () => {
   it('should ref data shallowEqual true', () => {
     const data = [{x:1,y:1}];
     expect(

unittest/utils/transBooleanCfg-spec.tsx

@@ -0,0 +1,15 @@
+import transBooleanCfg from '../../src/utils/transBooleanCfg';
+
+describe('pickWithout', () => {
+  it('should pickWithout a from array', () => {
+    const res = transBooleanCfg({
+      title: false,
+      grid: true,
+      line: null,
+    }, ['title', 'grid', 'line']);
+    expect(res.title).toEqual(null);
+    expect(res.grid).toEqual({});
+    expect(res.line).toEqual(null);
+  });
+})
+