bug: fix autoHeight infinite loop

.dockerignore

-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-**/node_modules
-/src/utils/request-temp.js
-
-# production
-/.vscode
-
-# misc
-.DS_Store
-npm-debug.log*
-yarn-error.log
-
-/coverage
-.idea
-yarn.lock
-package-lock.json
-*bak
-.vscode
-
-# visual studio code
-.history
-*.log
-
-functions/mock
-.temp/**
-
-# umi
-.umi
-.umi-production
-
-# screenshot
-screenshot
-.firebase
\ No newline at end of file

.firebaserc

-{
-  "projects": {
-    "default": "antd-pro"
-  }
-}

.gitpod.yml

-ports:
-- port: 8000
-  onOpen: open-preview
-tasks:
-- init: npm install
-  command: npm start

Analysis/src/components/Charts/autoHeight.tsx

-/* eslint eqeqeq: 0 */
 import React from 'react';
 
 export type IReactComponent<P = any> =
@@ -7,6 +6,7 @@ export type IReactComponent<P = any> =
   | React.ClassicComponentClass<P>;
 
 function computeHeight(node: HTMLDivElement) {
+  node.style.height = '100%';
   const totalHeight = parseInt(getComputedStyle(node).height + '', 10);
   const padding =
     parseInt(getComputedStyle(node).paddingTop + '', 10) +
@@ -22,14 +22,9 @@ function getAutoHeight(n: HTMLDivElement) {
   let node = n;
 
   let height = computeHeight(node);
-
-  while (!height) {
   const parentNode = node.parentNode as HTMLDivElement;
   if (parentNode) {
     height = computeHeight(parentNode);
-    } else {
-      break;
-    }
   }
 
   return height;

Analysis/src/components/IntroduceRow.tsx

@@ -59,7 +59,7 @@ const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVi
         </ChartCard>
       </Col>
 
-      {/* <Col {...topColResponsiveProps}>
+      <Col {...topColResponsiveProps}>
         <ChartCard
           bordered={false}
           loading={loading}
@@ -77,7 +77,10 @@ const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVi
           footer={
             <Field
               label={
-              <FormattedMessage id="BLOCK_NAME.analysis.day-visits" defaultMessage="Daily Visits" />
+                <FormattedMessage
+                  id="BLOCK_NAME.analysis.day-visits"
+                  defaultMessage="Daily Visits"
+                />
               }
               value={numeral(1234).format('0,0')}
             />
@@ -86,9 +89,8 @@ const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVi
         >
           <MiniArea color="#975FE4" data={visitData} />
         </ChartCard>
-    </Col> */}
-
-      {/* <Col {...topColResponsiveProps}>
+      </Col>
+      <Col {...topColResponsiveProps}>
         <ChartCard
           bordered={false}
           loading={loading}
@@ -118,7 +120,7 @@ const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVi
         >
           <MiniBar data={visitData} />
         </ChartCard>
-    </Col> */}
+      </Col>
       <Col {...topColResponsiveProps}>
         <ChartCard
           loading={loading}

typings.d.ts

@@ -11,3 +11,6 @@ declare module '*.bmp';
 declare module '*.tiff';
 
 declare var APP_TYPE: string;
+
+declare module 'react-fittext';
+declare module '@antv/data-set';