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;
-    }
+  const parentNode = node.parentNode as HTMLDivElement;
+  if (parentNode) {
+    height = computeHeight(parentNode);
   }
 
   return height;

Analysis/src/components/IntroduceRow.tsx

@@ -59,66 +59,68 @@ const IntroduceRow = ({ loading, visitData }: { loading: boolean; visitData: IVi
         </ChartCard>
       </Col>
 
-      {/* <Col {...topColResponsiveProps}>
-      <ChartCard
-        bordered={false}
-        loading={loading}
-        title={<FormattedMessage id="BLOCK_NAME.analysis.visits" defaultMessage="Visits" />}
-        action={
-          <Tooltip
-            title={
-              <FormattedMessage id="BLOCK_NAME.analysis.introduce" defaultMessage="Introduce" />
-            }
-          >
-            <Icon type="info-circle-o" />
-          </Tooltip>
-        }
-        total={numeral(8846).format('0,0')}
-        footer={
-          <Field
-            label={
-              <FormattedMessage id="BLOCK_NAME.analysis.day-visits" defaultMessage="Daily Visits" />
-            }
-            value={numeral(1234).format('0,0')}
-          />
-        }
-        contentHeight={46}
-      >
-        <MiniArea color="#975FE4" data={visitData} />
-      </ChartCard>
-    </Col> */}
-
-      {/* <Col {...topColResponsiveProps}>
-      <ChartCard
-        bordered={false}
-        loading={loading}
-        title={<FormattedMessage id="BLOCK_NAME.analysis.payments" defaultMessage="Payments" />}
-        action={
-          <Tooltip
-            title={
-              <FormattedMessage id="BLOCK_NAME.analysis.introduce" defaultMessage="Introduce" />
-            }
-          >
-            <Icon type="info-circle-o" />
-          </Tooltip>
-        }
-        total={numeral(6560).format('0,0')}
-        footer={
-          <Field
-            label={
-              <FormattedMessage
-                id="BLOCK_NAME.analysis.conversion-rate"
-                defaultMessage="Conversion Rate"
-              />
-            }
-            value="60%"
-          />
-        }
-        contentHeight={46}
-      >
-        <MiniBar data={visitData} />
-      </ChartCard>
-    </Col> */}
+      <Col {...topColResponsiveProps}>
+        <ChartCard
+          bordered={false}
+          loading={loading}
+          title={<FormattedMessage id="BLOCK_NAME.analysis.visits" defaultMessage="Visits" />}
+          action={
+            <Tooltip
+              title={
+                <FormattedMessage id="BLOCK_NAME.analysis.introduce" defaultMessage="Introduce" />
+              }
+            >
+              <Icon type="info-circle-o" />
+            </Tooltip>
+          }
+          total={numeral(8846).format('0,0')}
+          footer={
+            <Field
+              label={
+                <FormattedMessage
+                  id="BLOCK_NAME.analysis.day-visits"
+                  defaultMessage="Daily Visits"
+                />
+              }
+              value={numeral(1234).format('0,0')}
+            />
+          }
+          contentHeight={46}
+        >
+          <MiniArea color="#975FE4" data={visitData} />
+        </ChartCard>
+      </Col>
+      <Col {...topColResponsiveProps}>
+        <ChartCard
+          bordered={false}
+          loading={loading}
+          title={<FormattedMessage id="BLOCK_NAME.analysis.payments" defaultMessage="Payments" />}
+          action={
+            <Tooltip
+              title={
+                <FormattedMessage id="BLOCK_NAME.analysis.introduce" defaultMessage="Introduce" />
+              }
+            >
+              <Icon type="info-circle-o" />
+            </Tooltip>
+          }
+          total={numeral(6560).format('0,0')}
+          footer={
+            <Field
+              label={
+                <FormattedMessage
+                  id="BLOCK_NAME.analysis.conversion-rate"
+                  defaultMessage="Conversion Rate"
+                />
+              }
+              value="60%"
+            />
+          }
+          contentHeight={46}
+        >
+          <MiniBar data={visitData} />
+        </ChartCard>
+      </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';